(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">2,555</div> <div class="col-xs-9 onOrderDate">Expected 10/7/2022</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">7,500</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': '4','eventValue': '4'});"> 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">5,500</div> <div class="col-xs-9 onOrderDate">Expected 4/3/2023</div> </div> <div id="onOrderLine2" class="onOrderLine hideOnOrder"> <div class="col-xs-3 onOrderQuantity">1,000</div> <div class="col-xs-9 onOrderDate">Expected 8/28/2023</div> </div> <div id="onOrderLine3" class="onOrderLine hideOnOrder"> <div class="col-xs-3 onOrderQuantity">1,000</div> <div class="col-xs-9 onOrderDate">Expected 10/6/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': '4','eventValue': '4'});"> Hide Dates <i class="fa fa-caret-up" aria-hidden="true"></i> </button> </div> </div>) 3535