title: remove dropdown submenu onclick
body: <p>How to remove or hide the dropdown submenu when click the item.We used the bootstrap for css.Please help me.Here is the code.</p>
  
  <pre><code>&lt;ul class="dropdown-menu" style="display: block; position: static;"&gt;
    &lt;li class="dropdown-submenu active" id="xyz"&gt;
      &lt;a href="#" id="family-1" class="family_type" style="display: block; color: rgb(73, 162, 20);"&gt;
        &lt;label style="margin-right: 20px; width: 50px;"&gt;&lt;img src="images/families/automotive_1.jpg"&gt;&lt;/label&gt;Automotive
      &lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt; 
        &lt;li class="family_id" id="1"&gt;&lt;a style="cursor: pointer;" id="535" name="Fluid" class="masterTooltip"&gt;Fluid&lt;/a&gt;&lt;/li&gt;
        &lt;li class="family_id" id="1"&gt;&lt;a style="cursor: pointer;" id="543" name="Power" class="masterTooltip"&gt;Power Fluid&lt;/a&gt;&lt;/li&gt;                                                     
      &lt;/ul&gt;
    &lt;/li&gt;                            
    &lt;li class="dropdown-submenu active" id="xyz"&gt;
      &lt;a href="#" id="family-2" class="family_type"&gt;
        &lt;label style="margin-right: 20px; width: 50px;"&gt;&lt;img src="images/families/batteries.jpg"&gt;&lt;/label&gt;Batteries
      &lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt;
        &lt;li class="family_id" id="2"&gt;&lt;a style="cursor: pointer;" id="685" name="Batteries" class="masterTooltip"&gt;Batteries&lt;/a&gt;&lt;/li&gt;
        &lt;li class="family_id" id="2"&gt;&lt;a style="cursor: pointer;" id="104" name="eries" class="masterTooltip"&gt;eries&lt;/a&gt;&lt;/li&gt;   
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt; 
  </code></pre>
  
  <p>And this is my css code.</p>
  
  <pre><code>.dropdown-submenu{position:relative;}
  .dropdown-submenu&gt;.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
  .dropdown-submenu:hover&gt;.dropdown-menu{display:block;}
  .dropdown-submenu&gt;a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#3EA861;margin-top:5px;margin-right:-10px;}
  .dropdown-submenu:hover&gt;a:after{border-left-color:#3EA861;}
  .dropdown-submenu{float:none;}.dropdown-submenu&gt;.dropdown-menu{margin-right:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
  </code></pre>
  
  <p>Please help me.</p>