2013-03-19 35 views
1

我有不同高度的多個div需要切換,每個div都有相同的類。完成這個的最好方法是什麼?在多個元素上使用css切換()

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', ''); 
}); 
+0

添加一個設置高度爲20像素,然後只使用toggleClass與類的類。 – 2013-03-19 18:01:11

回答

4

你的問題不太清楚,但是這可能是你正在尋找(根據您的jsfiddle什麼)

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

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

+1

+1您也可以使用'$(this).next()。toggle();'。 – insertusernamehere 2013-03-19 18:00:32

1

我覺得這樣的事情應該這樣做:

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

您可以切換類嘗試:

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

和CSS類:

.full{height:300px;}