Question

我在页面中使用了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();
});

使用显示 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();
});

Jquery Div隐藏点击

3 个答案: