在多个元素上使用带有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;}