html点击隐藏点击展开,一个伸缩菜单，点击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隐藏！！！！

不知道是不是你要的

可以如下实现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楼大神！！测试成功，四楼测试了下，和原来效果一样哦~！！

努力加油！！以你们为榜样！

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网