如何解决显示和隐藏弹出JavaScript
我需要在单击按钮时显示和隐藏弹出窗口。
这就是我现在拥有的:
jQuery(document).ready(function(){
jQuery('#knop-popup1').click(function() {
jQuery('#popup1').toggleClass('show');
jQuery('#popup2').toggleClass('hidden');
});
});
</script>
<script>
jQuery(document).ready(function(){
jQuery('#knop-popup2').click(function() {
jQuery('#popup2').toggleClass('show');
jQuery('#popup1').toggleClass('hidden');
});
});
我需要的是单击按钮1时popup1正在打开。 然后,当单击按钮2时,popup1正在关闭,popup2正在显示。
不幸的是,这不起作用。 有人可以帮我吗?
伊冯娜
解决方法
这是一个基本示例,显示了当用户单击不同的按钮时如何隐藏/显示不同的元素。
chart.dispatchAction({
type: 'highlight',dataIndex: your_index,});
$("#showOne").on('click',() => {
$("#one").attr("class","");
$("#two").attr("class","hide");
})
$("#showTwo").on('click',() => {
$("#two").attr("class","");
$("#one").attr("class","hide");
})
.hide {
display: none;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。