首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使我的“从哪里出现”滑动div保持打开,直到再次单击关闭?jQuery

如何使我的“从哪里出现”滑动div保持打开,直到再次单击关闭?jQuery
EN

Stack Overflow用户
提问于 2011-02-21 04:48:32
回答 2查看 549关注 0票数 0

单击div按钮后,会出现另一个带有信息的div滑下屏幕,但随后会自动关闭。我希望这个滑动div保持打开,直到我再次点击按钮div关闭它。

jQuery代码如下:

代码语言:javascript
运行
复制
jQuery(document).ready(doContactInfoPanel);

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

因此,我的问题是,在再次单击#info-slide-panel关闭它之前,如何保持.info-btn-slide打开?

代码语言:javascript
运行
复制
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>");
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-02-21 05:10:47

对你有用吗?

Javascript

代码语言:javascript
运行
复制
$('.slide').click(
    function(){
        $(this).slideToggle('slow');
    }
);

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

CSS

代码语言:javascript
运行
复制
.slide{
 height: 100px;
 width: 100px;
 background: red;
}

HTML

代码语言:javascript
运行
复制
<div class="slide">Hello how do yo do</div>
<div class="open">open</div>
票数 0
EN

Stack Overflow用户

发布于 2011-02-21 05:14:22

您必须注册两次单击事件,并且由于它的切换,它只是打开和关闭。您是否可以查看源代码并查看是否在两个地方加载该javascript?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5062411

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档