jquery - 如何让我的“从知道哪里出现”滑动 div 保持打开状态并等到再次单击关闭？jQuery

Question

在我单击一个按钮后，会出现div另一个div带有信息的向下滑动屏幕，但随后会自动关闭。我希望此滑动div保持打开状态，直到我再次单击按钮 div 以将其关闭。

jQuery代码如下：

jQuery(document).ready(doContactInfoPanel);

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

所以我的问题是我怎样才能保持#info-slide-panel打开状态，直到我.info-btn-slide再次点击关闭它？

---

jQuery(document).ready(doAddHtml);

function doAddHtml() {
    jQuery('.slide').after("<div id='info-slide-panel'><p>Work Tel :  <br><br></p><br><p>Cell :  <br><br></p></div>");
    jQuery('#info-slide-panel').after("<div class='info-slide'><a href='#'  class='info-btn-slide'></a></div>");
}

Answer 1

这对你有用吗？

Javascript

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

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

CSS

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

HTML

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

Answer 2

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