如何一次将 slideUp 和 slideDown 函数应用于一个 div？

Question

一切都在标题中：

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/

谢谢:)

Answer 1

使用slideToggle()

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

});

DEMO

Answer 2

根据您的特定 HTML 结构，您可以使用 parent and siblings:

的组合

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

例如。 fiddlehttp://jsfiddle.net/1k87v909/

如何一次将 slideUp 和 slideDown 函数应用于一个 div？

How to apply slideUp & slideDown functions to one div at a time?

jquery

slidetoggle

jsfiddle