menu_interactive_vertical.html 1.3 KB

123456789101112131415161718192021
  1. <ul id="bx-menu-inter-__id__" class="bx-menu-inter-vert bx-menu-object-__object__">
  2. <bx_repeat:menu_items>
  3. <li id="__name__-act" class="bx-menu-inter-act __class_wrp_act__">
  4. <div class="bx-def-padding-right bx-def-padding-sec-left bx-def-padding-sec-topbottom __class__" title="__title_attr__">__title__</div>
  5. </li>
  6. <li id="__name__-pas" class="bx-menu-inter-pas bx-def-round-corners bx-def-color-bg-hl-hover __class_wrp_pas__">
  7. <a id="__name__" class="__class__" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
  8. <div class="bx-def-padding-right bx-def-padding-sec-left bx-def-padding-sec-topbottom">__title__</div>
  9. </a>
  10. </li>
  11. </bx_repeat:menu_items>
  12. </ul>
  13. <script language="javascript">
  14. $(document).ready(function() {
  15. $('#bx-menu-inter-__id__').find('a').bind('click', function() {
  16. var sId = $(this).attr('id');
  17. var sClassHidden = 'bx-menu-inter-hidden';
  18. $(this).parent().siblings('.bx-menu-inter-act:not(.' + sClassHidden + ')').addClass(sClassHidden).siblings('.bx-menu-inter-pas.' + sClassHidden).removeClass(sClassHidden).siblings('#' + sId + '-pas:not(.' + sClassHidden + ')').addClass(sClassHidden).siblings('#' + sId + '-act.' + sClassHidden).removeClass(sClassHidden);
  19. });
  20. });
  21. </script>