Javascript 隐藏小视口上的字段，单击按钮再次显示 编辑：

最新工作代码：

---

我有一个带有几个文本字段的网页

当我到达viewport<767时，需要隐藏这些

当我点击另一个需要再次显示的div时

html如下所示：（blok1、blok2等）

这里有一些文字

等等

我想我可以使用下面这样的视口来隐藏。 但是当我点击：block:变得可见时，我如何让它工作呢

当到达viewport>676时，所有视图都需要再次可见

一些CSS： @仅媒体屏幕和（最大宽度：767px）{.blokken{display:none；}} 一些JS： $（窗口）。调整大小（函数（）{ 如果（$（窗口）.width（）<767）{ 藏起来，布洛肯 当单击.show-blok1时，然后：show.blok1 } 否则{ 全力以赴，布洛肯 } });

---

也许有人能帮我解决这个js部分吗？

如果窗口的宽度被重新调整为比767窄，请使用代码隐藏该div，否则显示该div

当点击.bull-blok1时（href=“javascript:showMe（）”），也让jQuery打开该div备份

$（窗口）。调整大小（函数（）{
if（$（窗口）.width（）嘿，谢谢你的帮助。仍然有一些东西不起作用。显示按钮不起作用，当加载<767的页面时，它仍然显示出来，然后在smallen或extend仅1px之后它就消失了，我不知道如何让它对blok2起作用。我做了一个小动作：也许有人能帮我解决这个问题？我对js.jQuery（“blokken blok1”）不是很在行).show（）；也不起作用。它必须是jQuery（“.blok1”）。show（）；很抱歉，要回答您的第一个问题，它的效果更好（现在我已经考虑过了）在函数内部设置hide/show If语句。在调整窗口大小和加载页面时调用该函数，这样，如果窗口足够小，它将最小化。实际上，我把你的小提琴分叉了-对不起，我忘记在上一条注释中添加此项这实现了jQuery toggle（）函数，允许根据以前的状态打开/关闭。当单击一个div时，它还关闭其他div。
<div class="bull bull-blok1"><a class="show-blok1" href="javascript:void(0)">Show it</a></div>

<div class="blokken blok1">
  <div class="text"><p>Here some text</p></div>
</div>

$(window).resize(function(){
   if($(window).width()<767){$(".blokken blok1").hide()}
   else{$(".blokken blok1").show()}
});


function showMe(){
   jQuery(".blokken blok1").show();
}