显示脚本不能使用一个按钮（JQuery）

我试图从一个按钮为我的信息页面制作隐藏和显示脚本，但这里的按钮仅用于隐藏脚本，但当我第二次按下它时，它会显示显示信息，但只显示一秒钟，如果它消失了

我现在正在学习，所以我不会犯错误

这是密码 JQuery脚本

$(document).ready(function(){

$("button.about").click(function(){
    $("div.info").show(1000);
});

$("button.about").click(function(){
    $("div.info").hide(1000);
});

按钮代码

<button herf="#" class="about">About Me</button>

div标签

<div class="container-fluid bg1 text-center info">

---

使用带有方法的单击事件处理程序在它们之间切换，否则两者将同时触发

$("button.about").click(function(){
    $("div.info").toggle(1000);
});

$button.about.clickfunction{ $div.info.toggle1000； }; 关于我

---

div您在同一个元素上注册了多个单击事件。一个在展示，一个在隐藏。这就是你看到这种奇怪行为的原因

若你们想在不使用切换功能的情况下手动实现切换功能，下面的代码可以

$( "button.about" ).click(function() {     
    if($('div.info:visible').length) // if visible
        $('div.info').hide(1000);   // hide it 
    else
        $('div.info').show(1000); // show it        
});

---

为什么不简单地检查元素div是否可见

像这样：

$button.about.onclick，函数{ $div.info.是否可见？ $div.info.hide1000:$div.info.show1000； }; 关于我

---

InfoThank它起作用了：它与任何其他JQ效果一起起作用吗？@AkritKhanna:幻灯片使用：幻灯片切换，淡入：fadeToggle@AkritKhanna：或使用animate将属性值用作“toggle”是否有任何方法使分割在默认情况下隐藏，当我们单击它时，只显示分割。@AkritKhanna:有几种方法，使用jQuery$div.info.hide或使用css

$( "button.about" ).click(function() {     
    if($('div.info:visible').length) // if visible
        $('div.info').hide(1000);   // hide it 
    else
        $('div.info').show(1000); // show it        
});