jQuery的股利隐藏在点击(Jquery Div Hide on click)

我用我的页尾滑块。 在这里查看：

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

每个选项卡会导致窗格单击时将内容转移里面。 我想点别的事情发生在点击。 当点击一个标签，我想图像出现在页面中一个名为“#topleft”分区的左上部分。 为了简单起见，让我们只专注于这一个DIV，但我会对点击激活，以及其他的div。

我想设置#topleft div来显示：无在CSS，并加入了简单的jQuery功能被点击某一格时设置#topleft能见度为true。 所以，让我们用这个例子：我有一个内含5个格（每片含自己的导航链接）一个div #nav。 当点击DIV #nav塔巴，我想DIV #topleft出现，并点击另一个navlink（比如#nav塔布）时，我希望它消失。 任何人可以帮助我走出这个非常简单的jQuery代码？ 谢谢SOOO了！

Answer 1:

使用展（）和隐藏（） 。

东西的效果：

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

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

或使用肘节（） ：

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

使用显示 CSS属性，而不是知名度，如果你想要的东西被隐藏最初当你的页面加载，如jQuery的显示，隐藏和通过操纵显示CSS属性切换方法的工作。

Answer 2:

你可以使用这样的jQuery中：

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

要删除隐藏它的类，并添加其reveales它的类？

Answer 3:

为了增加karim79的建议，你可以让多个选项卡链接隐藏#topleft DIV是这样的：

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

文章来源: Jquery Div Hide on click