代码之家 › 专栏 › 技术社区 › Jesse

Jquery点击隐藏

coda-slider visibility css jquery

3

Jesse · 技术社区 · 17 年前

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

单击每个选项卡时,窗格都会移动其中的内容。我想要某样东西否则点击即可发生。当单击选项卡时,我希望在页面的左上角部分显示一个名为“#topleft”的div中的图像。为了简单起见,让我们只关注这个div,但我也会在点击时激活其他div。

我在考虑在CSS中将#topleft div设置为display:none,并添加一个简单的jquery函数,在单击某个div时将#topleft可见性设置为true。所以让我们用这个例子:我有一个div#nav,里面有5个div(每个div都包含自己的导航链接)。当点击div#nav-taba时,我希望div#topleft出现,当点击另一个导航链接(比如#nav-tabb)时,我想让它消失。有人能帮我完成这个相当简单的jquery代码吗?非常感谢!

3 回复 | 直到 17 年前

1

10

karim79 17 年前

使用 show() 和 hide() .

大意如下:

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

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

toggle() :

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

显示 css属性与可见性相反,如果你想在页面加载时最初隐藏一些东西,就像jQuery显示的那样,hide和toggle方法通过操纵displaycss属性来工作。

2

0

Ryan 17 年前

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

删除隐藏它的类并添加揭示它的类?

3

0

17 年前

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