0

编辑：

最新工作代码：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>

ETC..

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

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

一些 CSS: @media only screen and (max-width: 767px){.blokken{display:none;}} 一些 JS: $(window).resize(function() { if ($(window).width() < 767）{隐藏.blokken当点击.show-blok1然后：显示.blok1}否则{显示所有.blokken}}）；

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

4

1 回答 1

0

如果窗口的大小重新调整为小于 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();
}
于 2013-07-10T16:36:14.857 回答