multilevel dropdown

by bhupendra negi

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<ul class="nav nav-pills">
    <li class="dropdown">
        <p class="dropdown-toggle">Well Logs</p>
        <ul class="dropdown-menu" style="opacity:0.8;" id="drpWell">
            <li> <a href="#" data-toggle="dropdown" class="dropdown-toggle ui-link" id="resdrop">Resistivity</a>

                <ul class="dropdown-menu sub-menu">
                    <li id="disableRes"><a id="15" onclick="change(this)" class="ui-link">Disable</a>
                    </li>
                    <li id="enableRes" style="display: none"><a id="15" onclick="change(this)" class="ui-link">Enable</a>
                    </li>
                    <li><a id="4" onclick="change(this)" title="R30Deg" class="ui-link">R30Deg</a>
                    </li>
                    <li><a id="5" onclick="change(this)" title="R60Deg" class="ui-link">R60Deg</a>
                    </li>
                    <li><a id="6" onclick="change(this)" title="R90Deg" class="ui-link">R90Deg</a>
                    </li>
                    <li><a id="7" onclick="change(this)" title="R120Deg" class="ui-link">R120Deg</a>
                    </li>
                    <li><a id="8" onclick="change(this)" title="R150Deg" class="ui-link">R150Deg</a>
                    </li>
                    <li><a id="9" onclick="change(this)" title="R180Deg" class="ui-link">R180Deg</a>
                    </li>
                    <li><a id="10" onclick="change(this)" title="R210Deg" class="ui-link">R210Deg</a>
                    </li>
                    <li><a id="11" onclick="change(this)" title="R240Deg" class="ui-link">R240Deg</a>
                    </li>
                    <li><a id="12" onclick="change(this)" title="R270Deg" class="ui-link">R270Deg</a>
                    </li>
                    <li><a...

CSS

.dropdown-menu {
    min-width:0 !important;
}

JavaScript

$('.dropdown-toggle').dropdown();