Jquery Div隐藏点击

Question

我在页面中使用了coda滑块.在这里查看:

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

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

我在考虑将#topleft div设置为在CSS中显示: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属性来工作.