menu_interactive.html 1.3 KB

1234567891011121314151617181920212223
  1. <ul id="bx-menu-inter-__id__" class="bx-menu-inter bx-menu-object-__object__ bx-clearfix">
  2. <bx_repeat:menu_items>
  3. <bx_if:show_divider>
  4. <li class="bx-menu-inter-div"><span>&#183;</span></li>
  5. </bx_if:show_divider>
  6. <li id="__id__-act" class="bx-menu-inter-act __class_wrp_act__">
  7. <div class="bx-def-padding-right bx-def-padding-sec-left bx-def-padding-sec-topbottom __class__" title="__title_attr__">__title__</div>
  8. </li>
  9. <li id="__id__-pas" class="bx-menu-inter-pas bx-def-round-corners bx-def-color-bg-hl-hover __class_wrp_pas__">
  10. <a id="__id__" class="__class__" href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
  11. <div class="bx-def-padding-right bx-def-padding-sec-left bx-def-padding-sec-topbottom">__title__</div>
  12. </a>
  13. </li>
  14. </bx_repeat:menu_items>
  15. </ul>
  16. <script language="javascript">
  17. $(document).ready(function() {
  18. $('#bx-menu-inter-__id__').find('a').bind('click', function() {
  19. var sId = $(this).attr('id');
  20. $(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();
  21. });
  22. });
  23. </script>