(Standard Leadtime :<!-- The first line will be the total with expand link (if we have pending shipments) or the first shipment--> <div id="onOrderLine0" class="onOrderLine"> <div class="col-xs-3 onOrderQuantity">675</div> <div class="col-xs-9 onOrderDate">Expected 1/3/2023</div> </div> <!-- The second line will be the remaining total with expand link (if no pending and more than 2 shipments or the second shipment (if no pending)--> <div id="onOrderLine-ex" class="onOrderLine showOnOrder hidden-nojs"> <div class="col-xs-3 onOrderQuantity">3,075</div> <div class="col-xs-9 onOrderDate"> <button id="expandOnOrder" class="btn btn-link expandOnOrderButton" aria-controls="content-onOrderShipments" aria-expanded="false" onclick="ga('send','event',{'eventCategory': 'On Order PDP Dates','eventAction': 'Expand','eventLabel': '3','eventValue': '3'});"> View Expected Dates <i class="fa fa-caret-down" aria-hidden="true"></i> </button> </div> </div> <!-- These are the hidden lines --> <div id="onOrderLine1" class="onOrderLine hideOnOrder"> <div class="col-xs-3 onOrderQuantity">1,250</div> <div class="col-xs-9 onOrderDate">Expected 6/23/2023</div> </div> <div id="onOrderLine2" class="onOrderLine hideOnOrder"> <div class="col-xs-3 onOrderQuantity">1,825</div> <div class="col-xs-9 onOrderDate">Expected 7/12/2023</div> </div> <div id="onOrderLine-col" class="onOrderLine hideOnOrder hidden-nojs"> <div class="col-xs-3 hidden-sm"></div> <div class="col-xs-9 onOrderDate"> <button id="collapseOnOrder" class="btn btn-link expandOnOrderButton" aria-controls="content-onOrderShipments" aria-expanded="true" onclick="ga('send','event',{'eventCategory': 'On Order PDP Dates','eventAction': 'Collapse','eventLabel': '3','eventValue': '3'});"> Hide Dates <i class="fa fa-caret-up" aria-hidden="true"></i> </button> </div> </div>) 489675