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

Question

编辑：

最新工作代码：http://jsfiddle.net/fourroses666/DDXrc/9/

---

我有一个包含几个文本字段的网页。

当我到达视口 时需要隐藏这些

当我点击另一个需要再次可见的 div 时。

html 看起来像这样：（blok1、blok2 等）

<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>

等等。

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

当到达视口 > 676 时，都需要再次可见。

一些 CSS： @media only screen and (max-width: 767px){.blokken{display:none;}} 一些JS： $(窗口).resize(函数() { if ($(window).width()

也许有人可以帮我解决那个js部分吗？

Answer 1

如果窗口的宽度重新调整为小于 767 的宽度，则有代码隐藏该 div，否则显示该 div。

当点击 .bull Bull-blok1 (href="javascript:showMe()") 时，还让 jQuery 打开该 div 备份

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


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