Question

编辑：

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

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

当我到达视口时，需要隐藏这些内容。 767

当我点击另一个需要再次显示的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>

等。

我想我可以使用下面的视口来隐藏。但是当我点击时，我怎么能让它工作：块：可见？

到达视口时＆gt; 676都需要再次可见。

一些CSS： @media only screen and（max-width：767px）{。blokken {display：none;}} 一些JS： $（window）.resize（function（）{ if（$（window）.width（）＆lt; 767）{ 隐藏.blokken 单击.show-blok1然后：show .blok1 } 其他{ 显示所有.blokken } }）;

也许有人可以帮我解决这个问题吗？

Answer 1

如果窗口的大小调整为宽度小于767，请使用代码隐藏该div，否则显示div。

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

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


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

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

编辑：

1 个答案: