使用onclick事件取消隱藏多個元素

Question

我的網站上有運行的代碼，當有人單擊表中行的內容時，會顯示更多內容。 很好用：

$(document).ready(function() {
    //hide the all of the element with class abstract
    $("..meetings-list .meeting_title_and_description .abstract").hide();
    //toggle the componenet with class meetingname
    $("..meetings-list .meeting_title_and_description .meeting_name").click(function(){
        $(this).next(".meetings-list .meeting_title_and_description .abstract").slideToggle(50);
     });
});

但是，現在我想讓第二個元素也出現在相同的onclick事件上。 我不知道如何編碼。 我嘗試了類似的方法，但是沒有用

$(document).ready(function(){
    //hide the all of the element with class abstract
    $("..meetings-list .meeting_title_and_description .abstract").$("..meetings-list .meeting_title_and_description .secondthingtohide").hide();
    //toggle the componenet with class meetingname
    $("..meetings-list .meeting_title_and_description .meeting_name").click(function(){
    $(this).next(".meetings-list .meeting_title_and_description        .    abstract").$("..meetings-list .meeting_title_and_description .abstract").$("..meetings-list .meeting_title_and_description .secondthingtohide").slideToggle(50);
     });
});

有人有主意嗎？

Answer 1

嘗試為此使用通配符選擇器方法，例如：

$("[.^=meeting]").toggle();
 // OR //
$("[class^=meeting]").hide();

[class ^ = meeting]或[。^ = meeting]告訴jQuery選擇以'meeting' 開頭的類的所有標簽，並使用所需的任何功能（即show（），hide（），fadeIn（））切換它們，fadeOut（）等）。

$("[.$=meeting]").show();
 // OR //
$("[class$=meeting]").fadeOut();

[class $ = meeting]或[。$ = meeting]告訴jquery選擇以'meeting' 結尾的類的所有標簽，並使用所需的任何功能（即show（），hide（），fadeIn（））切換它們，fadeOut（）等）。