(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">4</div> <div class="col-xs-9 onOrderDate">Expected 12/16/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">32</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': '5','eventValue': '5'});"> 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">6</div> <div class="col-xs-9 onOrderDate">Expected 12/20/2022</div> </div> <div id="onOrderLine2" class="onOrderLine hideOnOrder"> <div class="col-xs-3 onOrderQuantity">10</div> <div class="col-xs-9 onOrderDate">Expected 12/23/2022</div> </div> <div id="onOrderLine3" class="onOrderLine hideOnOrder"> <div class="col-xs-3 onOrderQuantity">11</div> <div class="col-xs-9 onOrderDate">Expected 1/6/2023</div> </div> <div id="onOrderLine4" class="onOrderLine hideOnOrder"> <div class="col-xs-3 onOrderQuantity">5</div> <div class="col-xs-9 onOrderDate">Expected 1/16/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': '5','eventValue': '5'});"> Hide Dates <i class="fa fa-caret-up" aria-hidden="true"></i> </button> </div> </div>) 316