您好,欢迎访问一九零五行业门户网

一个伸缩菜单,点击A栏目展开,只能点击B栏目A才伸缩隐藏,如何再次点击A就可以隐藏A_html/css_WEB-ITnose

前端css
sub menu_left heading
link
       link
       link
       ...
       ...
sub menu_left heading
link
       link
       link
       ...
       ...
...
     ...
/*******************************menu.js****************************/
function initmenu_left() {
  $('#menu_left ul').hide();
  $('#menu_left ul:first').hide();
  $('#menu_left li a').click(
    function() {
      var checkelement = $(this).next();
      if((checkelement.is('ul')) && (checkelement.is(':visible'))) {
        return false;
        }
      if((checkelement.is('ul')) && (!checkelement.is(':visible'))) {
        $('#menu_left ul:visible').slideup('normal');
        checkelement.slidedown('normal');
        return false;
        }
      }
    );
  }
$(document).ready(function() {initmenu_left();});
还有一个js没放上来,我估摸着就在上面这个改,谢谢各位了!
回复讨论(解决方案) 你这效果不是挺好的嘛 两个相互切换隐藏显示
你这效果不是挺好的嘛 两个相互切换隐藏显示
关键是客户想要点a显示,再点a隐藏!!!!
a menu_left heading link link link b menu_left heading link link link
不知道是不是你要的
可以如下实现toggle方法的使用
function initmenu_left() { $('#menu_left ul').hide(); $('#menu_left ul:first').hide(); $('#menu_left li a').click(function() { $(this).parent().find('ul').toggle(200); }); }
谢谢5楼大神!!测试成功,四楼测试了下,和原来效果一样哦~!!
努力加油!!以你们为榜样!
其它类似信息

推荐信息