我有一个jQuery函数,当一个元素被点击一个隐藏的div显示.
$('.openHide').click(function(){ $(this).next('.hiddenContent').toggle(); });
我需要修改它,我可以关闭这个div,如果我点击不只是第一个元素.可能在模糊,但我不知道如何表示元素…
$('.hiddenContent').blur(function() { $('.hiddenContent').parent().children('.hiddenContent').hide(); });
这是我的HTML:
<span class="openHide">text here</span> <div style="display:none" class="hiddenContent"> hidden content here </div>
解决方法
>点击跨度,div应该被切换
>在身上点击div应隐藏
>点击div,事件不应该传播到身体
>点击跨度,事件不应该传播到身体
>在身上点击div应隐藏
>点击div,事件不应该传播到身体
>点击跨度,事件不应该传播到身体
$(document).ready(function() { $('.openHide').click(function(e) { $('.hiddenContent').toggle(); e.stopPropagation(); }); $(document.body).click(function() { $('.hiddenContent').hide(); }); $('.hiddenContent').click(function(e) { e.stopPropagation(); }); });
原文地址:https://www.jb51.cc/js/151322.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。