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（）等）。

使用onclick事件取消隐藏多个元素

1 个答案: