如何申请slideUp& slideDown一次只能运行一个div?

时间:2015-01-27 13:40:32

标签: jquery slidetoggle jsfiddle

所有内容都在标题中:

var extended = 0;

$('.info_btn_m').off('click');
$('.info_btn_m').on('click', function() {
    if(extended == 0) {
        $('.detail_m').slideDown();
        extended = 1;
    } else {
        $('.detail_m').slideUp();
        extended = 0;
    }
});

http://jsfiddle.net/r54vdkv1/

谢谢:)

2 个答案:

答案 0 :(得分:0)

使用 slideToggle()

$('.info_btn_m').on('click', function () {
    $(this).closest("div").next('.detail_m').slideToggle();

});

<强> DEMO

答案 1 :(得分:0)

使用特定的HTML结构,您可以使用parentsiblings的组合:

$(this).parent().siblings('.detail_m')

例如。小提琴http://jsfiddle.net/1k87v909/