Javascript 如何在单击按钮时显示/隐藏一个div，而该div应始终在桌面视图中可见？

我必须在桌面视图中显示一个div，但在移动视图中，我必须提供一个按钮来隐藏/显示该div

最初，div应该隐藏在移动视图上。我可以使用jquery，java脚本。有一个CSS类，其中该div隐藏在移动视图中，并使用media-query显示在桌面视图中。在移动视图中，我执行$'.classname'.CSS“display'，“block/hide”，单击按钮即可执行

---

问题是，当我单击按钮隐藏div并切换到桌面视图时，该栏也隐藏在桌面视图中。

没有人会在移动视图上使用您的网站，有时会切换到桌面视图。所以别担心

如果需要，可以编写一个重新显示隐藏div的函数：

$(document).ready(function(){
    $(window).resize(function(){
    if($(window).width() > 767 ){ // your resolution
            $('#hiddedDiv').show();
     }  
    });
});

---

我已经为您的查询发布了一个答案，请检查您是否需要添加jquery并运行这一小段脚本代码。我已经链接了一个工作演示

代码

剧本

$("#user").click(function()
{
   $("#toggle-div").slideToggle(),
   $("#toggle-div a").on("click",function()
   {
       $("#toggle-div").slideUp()
   });
});

---

您可以从引导中使用隐藏类。这非常有用，您只需为某些设备隐藏一个div部分

---

请显示您迄今为止所做的任何代码。您需要在$window内进行编码。调整大小{..}；如果使用jquery运行.hide，那么它将显示按钮：无内联样式，样式表中的css将对它无能为力-或者在调整大小时触发相同的事情，或者找到另一个方法-或者只显示：block！重要的在桌面上，单击该按钮时查看添加/删除类。然后你就可以使用css和媒体查询了。你好，德文德拉，我已经发布了答案，希望你喜欢。塞缪尔：如果在我的桌面上，我通过浏览器浏览手机视图，会怎么样？所以我无法理解这是什么样的答案。这在现实中从未发生过。为什么用户要在桌面上以移动分辨率与您的页面交互？如果你不相信我，你可以写一个函数，在桌面分辨率下重新显示隐藏的div

#toggle-div {
 display:none;
}

$("#user").click(function()
{
   $("#toggle-div").slideToggle(),
   $("#toggle-div a").on("click",function()
   {
       $("#toggle-div").slideUp()
   });
});