我正試圖使用jQuery + HTML + CSS隱藏和顯示元素，通過點擊按鈕來創建可折疊的內容。

為此，我對卡片的布局應用了CSS網格。然后用jQuery隱藏其他卡片。例如，我想只顯示屬于組2的項目，所以當我單擊& quot第二組& quot。我的代碼確實隱藏了它們，但是，出現的卡片不會與隱藏的卡片重疊，這就造成了尷尬的空間。非常感謝任何幫助/建議！非常感謝& lt33

在此輸入圖像描述 在此輸入圖像描述

jQuery(function() {
    jQuery(".allbutton").click(function() {
        jQuery(".single").fadeIn(); 
    }); 
    jQuery(".button").click(function() {
        jQuery(".single").css("display", "none"); 
        jQuery(".div" + $(this).attr('target')).fadeIn();
    }); 
});