如何在 div 点击时隐藏/显示？答案

【问题标题】：How to hide/show on div click?如何在 div 点击时隐藏/显示？
【发布时间】：2017-10-21 08:46:51
【问题描述】：

我有一个 div，我试图通过单击另一个 div 来显示和隐藏

我使用的代码是：

$(document).ready(function(){
    $(".logoo").click(function(){
        $("ul.secondone").show(1000);
    });

});

如何也添加隐藏功能？我尝试将 .show 更改为 .hide，但没有成功。

【问题讨论】：

Stack Overflow 的一部分是你必须在问这里之前做研究并尝试解决问题。
meta.stackoverflow.com/questions/326569/…
打开浏览器的控制台。首先尝试使用 $(el).hide()/show() 隐藏/显示元素。如果那不起作用。您的选择器有问题。如果它有效，您的点击处理程序有问题
大约 5 秒的工作 - 你可以找到很多很多很多的答案。我刚刚搜索了“如何切换隐藏显示 jquery 堆栈溢出”
stackoverflow.com/help/how-to-ask

标签： javascript jquery html

【解决方案1】：

好的，抱歉这么急着问这个问题，我已经弄清楚代码了。

jQuery(document).ready(function(){
    jQuery('.logoo').on('click', function(event) {        
        jQuery('ul.secondone').toggle('show');
    });
})

【讨论】：

【解决方案2】：

您可以使用 jQuery 隐藏或显示分割。

隐藏 div 示例：

$("#divId").click(function(){
  $("divToHide").hide();
});

显示 div 示例：

$("#divId").click(function(){
  $("divToShow").show();
});

【讨论】：