阿爾特使用jQuery

我有兩個div等的顯示屬性：阿爾特使用jQuery

<div class="toggle">Toggle</div> 
<div class="data">Something</div>

CSS應該是：

.toggle { 
    padding: 10px; 
    border: 1px solid #999; 
} 
.data { 
    display: none; 
    padding: 5px; 
}

我一直在使用jQuery來切換隱藏/顯示屬性。但我想問如何添加CSS屬性display：none;到這個div，並在點擊後再次從它刪除CSS屬性。我知道如何做到這一點：使用其他的。但我不知道如何添加或刪除CSS屬性。

所有我知道的jQuery是一樣的東西：

$(".toggle").click(function() { 
    $(".data").show(); 
})

的CSS jQuery的任何指南？
如果我切換一個div的hide show屬性。這會對其他分區產生負面影響。這是共享其顯示爲：
#div1, #div2 { display: inline; }
因此，如果我將隱藏div到左邊，它會使div到右邊，（因爲我沒有一個浮動：右;爲div）。如何確保，div也保持在那裏？

來源

2013-08-18 Afzaal Ahmad Zeeshan

發揮你爲什麼不只是使用的hide（）和show（）方法？無論如何，這裏是文檔：http://api.jquery.com/css/ –

jQuery的.hide（）和.show（）函數已經切換CSS顯示屬性。 – j08691

使用[.toggle（）]（http://api.jquery.com/toggle/） - > [JSFiddle]（http://jsfiddle.net/3qLaS/） – Vucko

您可以使用toggleClass（）函數將類之間切換，這樣你就可以擁有多個物業

$('.add-class').click(function(){ $(this).toggleClass('active'); 
});

來源

2013-08-18 16:29:55 PRAH

很好的答案。和有益的！ :)謝謝，所以切換類將刪除並添加類？對？ –

是的，它會刪除和添加類，以便您可以刪除和添加多個屬性在CSS中，如果你不想妨礙佈局，你可以使用可見性隱藏。 – PRAH

是的，我會自己做CSS的東西。只是想了解一下關於css問題的一些幫助。通過這個，我將添加CSS並將在file.css中控制它！不管怎麼說，多謝拉。 –

阿爾特使用jQuery

回答

相關問題