Javascript 打开和关闭聊天气泡按钮的div弹出窗口

我正在为网站和手机用户创建聊天泡泡按钮。我已经创建了一个html代码

<div class="devsol-chat">

    <a href="javascript:void(0);" class="float" id="menu-open">
    <img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/chat.svg'; ?>">
    </a> 

    <a href="javascript:void(0);" class="float" id="menu-close">
    <img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/close.svg'; ?>">
    </a>            

    <ul>    
        <li><a href="https://m.me/kidsfitter" id="menu-facebook">
        <img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/facebook.svg'; ?>">
        </a></li>
        <li><a href="https://wa.me/923038513000" id="menu-whatsapp">
        <img src="<?php echo plugin_dir_url( __FILE__ ) . 'buttons/whatsapp.svg'; ?>">
        </a></li>
    </ul>
</div>

我想当用户点击聊天按钮时，它会弹出whatsapp和facebook按钮，也会出现关闭按钮。喜欢这些样品吗

当用户点击它时，会弹出关闭按钮

---

我想使用jquery或JavaScript使其功能化。有人请帮忙

我不会为您编写代码，因为您不会学习最重要的逻辑。我会解释的

好吧。你有4个按钮

公开聊天 密谈 脸谱网 WhatsApp

默认情况下，Facebook和WhatsApp是隐藏的，即

display:none

当您单击“打开聊天室”时，Facebook和WhatsApp需要可见，即

display:block

当您单击关闭聊天按钮时，它们需要再次隐藏，即

显示：无

因此，通过分析这些信息，我们意识到我们需要用javascript检测点击打开聊天或关闭聊天，在检测到后，我们需要获取需要显示或隐藏的元素，并相应地设置它们的css

$('button').on('click', function() {
  //do something here
})

这个功能就是一个按钮工作所需的全部功能。看一看。它将帮助您使用css。带着一些代码回到这里，这样我们就可以解决它：）

快乐编码

编辑

---

使用

display:block

和

display:none

进近最简单。如果你想要动画和其他东西，还有其他的方法，但是在你完成这些之后，你会明白这一点。相信我：）

我不会为您编写代码，因为您不会学习最重要的逻辑。我会解释的

好吧。你有4个按钮

公开聊天 密谈 脸谱网 WhatsApp

默认情况下，Facebook和WhatsApp是隐藏的，即

display:none

当您单击“打开聊天室”时，Facebook和WhatsApp需要可见，即

display:block

当您单击关闭聊天按钮时，它们需要再次隐藏，即

显示：无

因此，通过分析这些信息，我们意识到我们需要用javascript检测点击打开聊天或关闭聊天，在检测到后，我们需要获取需要显示或隐藏的元素，并相应地设置它们的css

$('button').on('click', function() {
  //do something here
})

这个功能就是一个按钮工作所需的全部功能。看一看。它将帮助您使用css。带着一些代码回到这里，这样我们就可以解决它：）

快乐编码

编辑

使用

display:block

和

display:none

进近最简单。如果你想要动画和其他东西，还有其他的方法，但是在你完成这些之后，你会明白这一点。相信我：）