我正在尋找一種方法，透過使用按鈕 onclick 事件來隱藏一定數量的 div。
我知道它可能與.toggleClass('.AddCSSClassHere') 有關，但我不太確定...我可以隱藏/顯示一個div，但不能父div 中的特定div。 jquery 來自我之前想要使用的程式碼片段。 當您按一下「顯示列」按鈕時，需要顯示或隱藏所有具有 hidethis 類別「」的 div
$('button').click(function() { $(this).siblings('div').toggleClass('hidethis '); }); * { margin: 0; padding: 0; } html, body { height: 100%; } body { background: #fff; padding: 0; margin: 0; font-family: Myriad-Pro, Arial, 'Varela Round', sans-serif; font-size: 16px; } .quotation { height: 100%; overflow: auto; } .main-div { position: sticky; top: 0; } .header-div { display: flex; padding: 5px 0; background-color: #fff; } .titles { display: flex; width: 100%; align-items: center; } .currencyinfo { width: fit-content; max-width: 100px; min-width: 100px; text-align: center; padding: 0; } .info { width: fit-content; max-width: 100px; min-width: 100px; text-align: center; padding: 10px 0; } .currency { max-width: 70px; min-width: 70px; } .table-info { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; overflow-y: scroll; } .main-div-info { display: flex; text-align: center; flex-direction: row; flex-wrap: wrap; width: 100%; } .div-info { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 10px 0; align-items: center; } .hidethis { display: none; }
