menu_interactive.html 1.2 KB

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