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

时间:2013-03-19 17:54:57

标签: jquery css

我有多个不同高度的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', '');
});

3 个答案:

答案 0 :(得分:4)

你的问题不太清楚,但这可能就是你要找的东西(基于你的jsFiddle)

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

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

答案 1 :(得分:1)

我觉得这样的事情应该这样做:

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

答案 2 :(得分:0)

您可以尝试切换课程:

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

和css类是:

.full{height:300px;}