如何切換具有相同類的單個div

我有一組重複的包裝div與幾個子div。每個包裝div內都有一個用於可切換圖標+的div。這個想法是，當圖標被點擊時，它會滑下一個隱藏的div並關閉所有其他打開的隱藏div。但是，當我點擊任何+時，它會切換所有隱藏的div，而不僅僅是它內部的div。另外，我沒有想法如何關閉所有其他divs一旦滑落。任何幫助表示讚賞。謝謝！如何切換具有相同類的單個div

我已經試過這幾個變化，並沒有一個工作：

$('.action').click(function(){ 
    $(this).closest('div').find('.text-area').slideToggle();

這裏是我的代碼： https://jsfiddle.net/9v3p7sxg/

來源

2017-04-24 Fernanda Graciolli

使用'$（本）.closest（ '行'）（'。text-area'）。slideToggle（）;'[demo here]（https://jsfiddle.net/9v3p7sxg/1/） – guradio

歡迎來到Stack Overflow！你的問題的全部內容必須在**你的問題中**，而不僅僅是鏈接。鏈接腐爛，使問題及其答案在未來的人們中毫無用處，人們不應該離開現場去幫助你。在**問題中放置一個[mcve] **，最好使用Stack Snippets（'<>'工具欄按鈕）使其可運行。更多：[*我如何提出一個好問題？]（/ help/how-to-ask） –

感謝您的支持，T.J.克勞德。下次會這樣做。 –

更改以下行：

$(this).closest('div').find('.text-area').slideToggle();

到

$(this).closest('.row').next(".row").find('.text-area').slideToggle();

並重試。

說明：的選擇是在明年有div類.row所以首先選擇父row，然後選擇它緊鄰row

來源

2017-04-24 04:14:44

完美地工作。非常感謝！ –

太棒了！嘿，你是'建立一個在線自由職業平臺'，讓我知道你是否需要一些工作手 –

是的，慢慢但肯定 - 一天一次。儘管如此，還沒有到我可以支付團隊的階段。 –

$('.action').click(function() 
$(this).parent().closest('div').find('.text-area').slideToggle();

來源

2017-04-24 04:26:23 Osama

如何切換具有相同類的單個div

回答

相關問題