如何制作我的'；从“知道在哪里”显示'；滑动div保持打开状态并等待再次单击以关闭？jQuery

在我点击一个按钮后，另一个带有信息的

div

出现在屏幕上，然后自动关闭。我希望滑动的

div

保持打开状态，直到再次单击按钮div将其关闭

jQuery代码如下：

jQuery(document).ready(doContactInfoPanel);

function doContactInfoPanel() {
    jQuery('.info-btn-slide').click(function() {
        jQuery('#info-slide-panel').slideToggle('slow');
    });
}

所以我的问题是，在我再次点击

.info btn slide

关闭它之前，我如何保持

#info slide panel

打开

---

jQuery（document）.ready（doAddHtml）；
函数doAddHtml（）{
jQuery（“.slide”）。在（“工作电话：


单元格：

”）之后；
jQuery（“#信息幻灯片面板”）。在（“”）之后；
}

对你有用吗

Javascript

$('.slide').click(
    function(){
        $(this).slideToggle('slow');
    }
);

$('.open').click(
    function(){
        $('.slide').slideToggle('slow');
    }
)

CSS

HTML

你好，你好 打开

---

您必须注册两次单击事件，并且由于其切换，因此只能打开和关闭。你能看一下源代码，看看你是否在两个地方加载了那段javascript吗？

如果代码就是这样运行的，那么问题中就排除了一些问题。请提供您的HTML标记，以及任何其他代码。您的权利，我只是不想使问题复杂化。最初单击时，滑动div保持打开状态。还有一个按钮可以打开模式窗口。关闭模式窗口并尝试单击按钮打开滑动div后，它会打开，然后再次关闭。有什么想法吗？HTML是用jQuery动态放置在页面上的：

jQuery（document）.ready（doAddHtml）；函数doAddHtml（）{jQuery（'.slide'）。在（“工作电话：


单元格：

”）之后；jQuery（'.\info slide panel'）。在（“”；}

之后听起来您的点击处理程序被调用了两次。如果安装了两次，就会发生这种情况。您是否正在调用

docontactinfoppanel（）

其他任何地方（除了

jQuery（document）.ready（…）

）？

$('.slide').click(
    function(){
        $(this).slideToggle('slow');
    }
);

$('.open').click(
    function(){
        $('.slide').slideToggle('slow');
    }
)

.slide{
 height: 100px;
 width: 100px;
 background: red;
}

<div class="slide">Hello how do yo do</div>
<div class="open">open</div>