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

Unhide multiple elements with onclick event

本文关键字：元素 隐藏 取消 onclick 事件 使用      更新时间：2023-11-26

我的网站上有代码，当有人单击表中某行的内容时，会显示更多内容。这很好：

$(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);
     });
});

有人知道吗？

尝试使用通配符选择器方法进行此操作，例如：

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

[class^=meeting]或[.^=mechang]告诉jQuery选择以'meeting'开头的类的所有标签，并使用您想要的任何函数（即show（）、hide（）、fadeIn（）、fadeOut（）等）来切换所有标签。

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

[class$=meeting]或[.$=mechang]告诉jquery选择以'meeting'结尾的类的所有标记，并使用所需的任何函数（即show（）、hide（）、fadeIn（）、fadeOut（）等）来切换所有标记。

相关文章：