jquery - 在多个元素上使用带有 css 的 toggle()

Question

我有多个不同高度的 div 需要切换，每个 div 都有相同的类。实现这一目标的最佳方法是什么？

http://jsfiddle.net/hS6RH/41/

$('.smallify').on('click', function() {
    if ($(this).parent('.container').css('height', '');) {
        $(this).parent('.container').css('height', '20px');
    } else {
        $(this).parent('.container').css('height', '');
});

Answer 1

您的问题不太清楚，但这可能是您正在寻找的（基于您的 jsFiddle）

$('.smallify').on('click', function() {
    $(this).siblings('ul').toggle();
});

链接：http: //jsfiddle.net/zsh6U/

Answer 2

我认为应该这样做：

$('.smallify').on('click', function() {
    $("ul", $(this).parent('.container')).toggle();
});

Answer 3

您可以尝试切换课程：

$('.smallify').on('click', function() {
   $(this).closest('.container').toggleClass('full');
});

CSS类是：

.full{height:300px;}