css added

arrangements-delivery_arrangements3.html

@@ -127,7 +127,7 @@
                             <option value="services-c">Outsource Services</option>
                             <option value="services-d">Self-Collect</option>
                         </select>
-                        
+                       <div class="hidden">
                         <div id="services-a" class="services"> 
                             
                                 <div class="form-divider"></div> 
@@ -286,22 +286,9 @@
                                         </div>       
                                     </div>
                                 <div class="form-divider"></div>
-                </div>
+                          </div>
+                        </div>
 
-                <script>// script for the dropdown
-                        $(function () {
-                
-                            $('.services').hideAll();
-                            
-                
-                        });
-                        function ShowSelectedDelivery()
-                        {               
-                            var Id = $("#typeDelivery").val();
-                            $('.services').hide(); //To hide other services div, so only one show at a time
-                            $("#"+Id).show();
-                        }               
-                </script>
                         </div>
                     </div>
                  </div>              
@@ -414,16 +401,7 @@
                                         <div class="form-divider"></div>
                                     </div>
                                 </div>           
-                            </div> 
-                          
-
-                    <SCript type="text/javascript"> //script for the dropdown//
-                    var options = {
-                        valueNames: [ 'orderNo' ]
-                      };
-                      
-                      var userList = new listItem('consolidation', options);
-                    </SCript>
+                            </div>   
 
                 <!-- Pagination Start Here-->
                 <div class="form-divider"></div>
@@ -470,7 +448,15 @@
             content.style.display = "block";
         }
     });
-	}
+	}        
+
+        $(document).ready(function(){
+
+         $("select").click(function(){
+
+                       $("services").hide();
+                        });             
+
     </script>
     <script src="js/jquery-3.2.1.min.js"></script>
     <script src="js/global.script.js"></script>

css/global.style.css

@@ -2723,4 +2723,8 @@ h1 .button {
 
 .label-span {
     color: #000;
-}
+}
+
+.hidden {
+	display: none;
+	}