如何在點擊後更改展開div並在另一次點擊後將其摺疊？

-1

我使用Simple-expand （一個用於展開/摺疊元素的jQuery插件）創建的可解析/可摺疊元素。如何在點擊後更改展開div並在另一次點擊後將其摺疊？

我想要做的是當用戶點擊它時展開元素的CSS，並在用戶再次點擊它時將其重新更改，然後將其摺疊。

問題是，我不知道該怎麼做。我知道如何在點擊時改變班級，但是如何在用戶「unclicked」這個標籤後更改CSS，並且它縮小了？

編輯：感謝喬治糾正我想做什麼，更清楚。我有點累，所以我需要它很快。我知道這是一個很糟糕的藉口，但我完全理解並尊重你們，他們給了我負面的反饋。

基本上我所需要的，就是：

有6周不同的div;
當你點擊一個div時，它會展開;
當你點擊另一個div時，它會檢查是否有任何這些div是EXPANDED，如果是 - 關閉（摺疊）它們，並打開我點擊的div。

對於這個簡單的任務（這非常簡單，它只是我愚蠢）我需要使用jQuery this語句和幾個if。

我在這裏發佈這篇文章後15分鐘後發現了一個解決方案，我想刪除它，不幸的是，我不能，因爲它有答案。

感謝大家試圖幫助我，我感謝您的幫助。

乾杯！

來源

2016-07-29 Paulius K.

爲什麼不把css添加到一個特殊的類：.special {}並動態添加類？ –

*「無法發佈jsFiddle鏈接..」*有**的原因**。相反，要解決這個問題，可以通過*網站的工作方式來工作：*問題的全部內容必須在**問題中**，而不僅僅是鏈接。鏈接腐爛，使問題及其答案在未來的人們中毫無用處，人們不應該離開現場去幫助你。在**問題中放置一個[mcve] **，最好使用Stack Snippets（'<>'工具欄按鈕）使其可運行。更多：[*我如何提出一個好問題？]（/ help/how-to-ask） –

只需使用JavaScript進行更改。並在window.click事件中取消更改 –

只需使用時，該元素被擴展爲一類和toggleClass()切換上點擊類

$(".your_element").click(function() { 
    $(this).toggleClass("expanded"); 
});

來源

2016-07-29 10:52:26

這是應該怎麼做，+1 – SteinB

這就是我想要的，再次感謝喬治。 –

快樂，我可以幫你:) –

您可以使用兌現CSS可摺疊link

來源

2016-07-29 10:53:47 Vadim

fiddle Demo

CSS

.active { 
    background-color: #CC0000; 
    font-weight:bold; 
    color:#FFFFFF; 
}

使用jQuery

jQuery的

$('#button').click(function() { 
    $("#colormethis").toggleClass('active'); 
});

使用類比toggleClass啓用時，該如何更改CSS。所以請嘗試在你自己的代碼中進行。

來源

2016-07-29 10:59:01

如何在點擊後更改展開div並在另一次點擊後將其摺疊？

回答

相關問題