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

this是否适合您？

的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？

如何使我的'出现'知道哪里'滑动div保持打开并等到再次点击关闭？ jQuery的

2 个答案: