JQuery dynamic active menu
Hello jQuery Gurus. I have a menu dropline menu which works on static url's but not on dynamic url's.
Can anyone help me?
HTML:
- <div class="wrap">
- <div class="nav">
- <div class="table">
- <ul class="select"><li><a href="index.html"><img src="/assets/custom/images/btn_home_current.png" width="23" height="20" />
- </a></li></ul>
- <ul class="select"><li><a href="#nogo"><b class="rf_menu_top_level">How to form a company</b><!--[if IE 7]><!--></a><!--<![endif]-->
- <!--[if lte IE 6]><table><tr><td><![endif]-->
- <div class="select_sub">
- <ul class="sub">
- <li><a href="#nogo">Step by step</a></li>
- <li><a href="#nogo" >Types of companies</a></li>
- <li><a href="#nogo">Benefits</a></li>
- <li><a href="#nogo">Directors</a></li>
- <li><a href="#nogo">Shares</a></li>
- <li><a href="#nogo">Registered office</a></li>
- </ul>
- </div>
- <!--[if lte IE 6]></td></tr></table></a><![endif]-->
- </li>
- </ul>
- <ul class="select"><li><a href="#nogo"><b class="rf_menu_top_level">Our Packages</b><!--[if IE 7]><!--></a><!--<![endif]-->
- <!--[if lte IE 6]><table><tr><td><![endif]-->
- <div class="select_sub">
- <ul class="sub">
- <li><a href="package1.html">Package 1</a></li>
- <li><a href="package2.html">Package 2</a></li>
- <li><a href="package3.html">Package 3</a></li>
- <li><a href="#nogo">Package 4</a></li>
- <li><a href="#nogo">Package 5</a></li>
- </ul>
- </div>
- <!--[if lte IE 6]></td></tr></table></a><![endif]-->
- </li>
- </ul>
- <ul class="select"><li><a href="#nogo"><b class="rf_menu_top_level">Menu 3</b><!--[if IE 7]><!--></a><!--<![endif]-->
- <!--[if lte IE 6]><table><tr><td><![endif]-->
- <div class="select_sub">
- <ul class="sub">
- <li><a href="#nogo">Sub menu 9</a></li>
- <li><a href="#nogo">Sub menu 10</a></li>
- <li><a href="#nogo">Sub menu 11</a></li>
- <li><a href="#nogo">Sub menu 12</a></li>
- <li><a href="#nogo">Sub menu 13</a></li>
- </ul>
- </div>
- <!--[if lte IE 6]></td></tr></table></a><![endif]-->
- </li>
- </ul>
- <ul class="select"><li><a href="#nogo"><b class="rf_menu_top_level">Menu Four</b><!--[if IE 7]><!--></a><!--<![endif]-->
- <!--[if lte IE 6]><table><tr><td><![endif]-->
- <div class="select_sub">
- <ul class="sub">
- <li><a href="#nogo">Sub menu 14</a></li>
- <li><a href="#nogo">Sub menu 15</a></li>
- <li><a href="#nogo">Sub menu 16</a></li>
- <li><a href="#nogo">Sub menu 17</a></li>
- <li><a href="#nogo">Sub menu 18</a></li>
- </ul>
- </div>
- <!--[if lte IE 6]></td></tr></table></a><![endif]-->
- </li>
- </ul>
- </div>
- </div>
- </div>
JS:
- <script>
- $(document).ready(function(){
- var url = (window.location.href).split("/").pop();
- $('.sub a[href="'+url+'"]').addClass('current a b');
- $('.sub a[href="'+url+'"]').closest('.select_sub').addClass('show');
- $('.sub a[href="'+url+'"]').closest('.select').removeClass('select').addClass('current');
-
- });
- </script>