Question

请问这段jquery代码怎么简化?:)

我知道有个toggle方法不知道怎么用在这个上面。。。麻烦大神帮忙看看 ，谢谢啦！
$('.serve_menu_hide').click(function(){
if ($('.sum1').css('display', 'block')){
$('.sum1').css('display', 'none');
$('.serve_menu_show').show();
$('.serve_menu_hide').hide();
}
});

$('.serve_menu_show').click(function(){
if ($('.sum1').css('display', 'none')){
$('.sum1').css('display', 'block');
$('.serve_menu_show').hide();
$('.serve_menu_hide').show();
}
});

Answer 1

toggle是针对一个按钮点击的。而你写的这代码，是点击了两个吧？

toggle用法：
$("button").toggle(function(){
$(".sum1").css('display', 'block');

$(this).text("点击隐藏");
},function(){
$(".sum1").css('display', 'none');
$(this).text("点击显示");
});

在HTML中的button
<button>点击显示</button>

Answer 2

$('.serve_menu_hide,.serve_menu_show').click(function(){
    $('.sum1,.serve_menu_hide,.serve_menu_show').toggle();
});

Answer 3

--jquery代码怎么简化

把你的HTML代码贴出来看一下.这样才能写Jquery

发你个案例吧!

其中已经包含toggle说明及用法..标准选项卡案例.

如有问题可以追问，我当及时回答.

希望能帮到你！

Answer 4

jquery有个toggle()方法