非活动时隐藏div(链接)Jquery

时间:2014-04-19 18:30:57

标签: jquery html navigation hide slide

所以我在这里尝试使用Jquery制作一个很酷的导航系统。 Basicaly我只有一个页面,当点击链接时内容只是滑动。它工作得很好,我使用了这个小插件,我适应了我的设计。 jQuery Tab Slider

问题是,通过这种设计,我们实际上可以看到其他人在他们不活跃的时候。 (好吧,当链接不是时,你会得到它)你可以看到它在现场的样子here

我的问题:除了与活动链接相关的内容之外,有没有办法轻松隐藏内容?不改变幻灯片效果。

哦,如果你有其他的想法可能是正确的/更容易的,请告诉我,我对所有事情都持开放态度。

1 个答案:

答案 0 :(得分:0)

jQuery Tab Slider使用:

  • 主容器,比如700px宽度,溢出:隐藏
  • 滑块包装(此宽度已计算,但没有其他样式
  • 滑块内容,比如〜700px带衬垫,向左浮动。

在你的网站上,这个CSS可以解决问题:

.tab-main-content {
  width: 1089px;
  overflow: hidden;
}