Response title
This is preview!
navigation menu slideDown based on url
in Getting Started
•
8 years ago
hi,
trying to get a vertical menu working. I'm trying to show menu-items based on the url.
Guess I've got the current URL right based on: $(location).attr('href');
But I can not seem to get it working/debugging. Appreciate a hint in the right direction.
This is what I've got:
UPDATE
changed the code but still not working.
If I'm on page "A-Second" and in my sidebar click on the visible A-Third (the b-section is collapsed) then.... on this new page A-Third it is my goal that the sidebar shows A-First, A-Second and A-Third visible.
Hope I made it more clear and thank you for your help.
<ul class="csm"><li> <span> a-section </span><ul><li><a href="a-first">A-First</a></li><li><a href="a-second">A-Second</a></li><li><a href="a-third">A-Third</a></li></ul></li><li> <a href="y-only">Y-Only</a> </li><li> <a href="z-only">Z-Only</a> </li><li> <span> b-section </span><ul><li><a href="c-first">C-First</a></li><li><a href="c-second">C-Second</a></li></ul></li></ul><script>// initiate accordion$(".csm > li > span").click(function(){if(false == $(this).next().is(':visible')) {$('.csm ul').slideUp(300);} $(this).next().slideToggle(300);});</script><script>var path=$(location).attr('href');var fileNameIndex = path.lastIndexOf("/") + 1;var filename = path.substr(fileNameIndex);$(document).ready( function(){$('.csm a').each(function(){var listofhref = $(this).attr('href');if (filename.substring(0,listofhref.length)===listofhref){$(this).closest('span').slideDown('normal');}});});</script>
1