使用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选择所有类以‘’结尾的标签，并用你想要的任何函数(如show()、hide()、fadeIn()、fadeOut()等)来切换它们。