menu_interactive_vertical.html 1.1 KB

1234567891011121314151617181920
  1. <ul id="bx-menu-inter-__id__" class="bx-menu-inter-vert bx-menu-object-__object__">
  2. <bx_repeat:menu_items>
  3. <li id="__id__-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__</div>
  5. </li>
  6. <li id="__id__-pas" class="bx-menu-inter-pas bx-def-round-corners bx-def-color-bg-hl-hover __class_wrp_pas__">
  7. <a id="__id__" class="__class__" href="__link__" target="__target__" onclick="__onclick__">
  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 type="text/javascript" language="javascript">
  14. $(document).ready(function() {
  15. $('#bx-menu-inter-__id__').find('a').bind('click', function() {
  16. var sId = $(this).attr('id');
  17. $(this).parent().siblings('.bx-menu-inter-act:visible').hide().siblings('.bx-menu-inter-pas:hidden').show().siblings('#' + sId + '-pas:visible').hide().siblings('#' + sId + '-act:hidden').show();
  18. });
  19. });
  20. </script>