![](/img/trans.png)
[英]jQuery - How to remove class if clicking outside of div or open/close button
[英]How to open and close div with single button
我正在創建一個聊天彈出按鈕。 我想用一個按鈕打開和關閉彈出窗口/div。
<div class="menu-chat">
<a href="javascript:void(0);" class="float" id="menu-open">
<img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/chat.svg'; ?>">
</a>
<div id="menu-popup">
<ul>
<li><a href="mailto:hello@covers.pk" id="menu-email">
<img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/email.svg'; ?>">
</a></li>
<li><a href="tel:+923038518000" id="menu-call">
<img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/call.svg'; ?>">
</a></li>
<li><a href="https://m.me/Printed.Mobile.Covers" id="menu-facebook">
<img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/facebook.svg'; ?>">
</a></li>
<li><a href="https://wa.me/9203038518000" id="menu-whatsapp">
<img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/whatsapp.svg'; ?>">
</a></li>
</ul>
</div>
</div>
我希望在單擊按鈕時出現彈出窗口。 當再次單擊該按鈕時,我希望它消失。
最簡單的方法是使用 JQuery toggle()
方法。 當不帶參數使用時, toggle()
方法只是切換元素的可見性:
$(function() {
$("#menu-open").on("click", function() {
$("#menu-popup").toggle();
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.