Jquery Div隐藏点击

我在页面中使用了coda滑块。 在这里查看：

http://www.ndoherty.com/demos/coda-slider/1.1.1/

每个选项卡都会导致窗格在单击时移动其中的内容。 我想在点击时发生ELSE 。 单击选项卡时，我希望图像显示在页面的topleft部分中，名为“#topleft”。 为了简单起见，我们只关注这一个div，但我也会在点击时激活其他div。

我想在CSS中将#topleft div设置为display：none，并添加一个简单的jquery函数，在单击某个div时将#topleft可见性设置为true。 所以让我们用一个例子：我有一个div #nav里面有5个div（每个包含他们自己的nav链接）。 当单击div #nav taba时，我想要显示div #topleft，当点击另一个navlink（比如#nav tabb）时，我希望它消失。 有人可以用这个相当简单的jquery代码帮助我吗？ 非常感谢！

Answer 1

使用show（）和hide（） 。

有效的东西：

$('#someTabLink').click(function() { $('#someImage').show(); }); $('#someOtherTabLink').click(function() { $('#someImage').hide(); }); 

或使用toggle（） ：

 $('#someTabLink').click(function() { $('#someImage').toggle(); }); 

如果您希望在页面加载时最初隐藏某些内容，则使用display css属性而不是可见性，因为jQuery show，hide和toggle方法通过操作display css属性来工作。

Answer 2

你能在jQuery中使用这样的东西：

  $("element").addClass("ClassName") $("element").removeClass("ClassName") 

删除隐藏它的类并添加隐藏它的类？

Answer 3

要添加到karim79的建议，您可以使多个标签链接隐藏#topleft div，如下所示：

 $('#tabb, #tabc, #tabd').click( function() { $('#topleft').hide(); });