我在页面中使用 coda 滑块。在这里查看:
http://www.ndoherty.com/demos/coda-slider/1.1.1/ http://www.ndoherty.com/demos/coda-slider/1.1.1/
单击每个选项卡都会导致窗格移动其中的内容。我想要某个东西ELSE单击时发生。单击选项卡时,我希望图像出现在页面左上角名为“#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 代码吗?非常感谢!
Use show() http://docs.jquery.com/Effects/show and hide() http://docs.jquery.com/Effects/hide.
一些效果:
$('#someTabLink').click(function() {
$('#someImage').show();
});
$('#someOtherTabLink').click(function() {
$('#someImage').hide();
});
或使用toggle() http://docs.jquery.com/Effects/toggle:
$('#someTabLink').click(function() {
$('#someImage').toggle();
});
Use the displaycss 属性而不是可见性,如果您希望在页面加载时最初隐藏某些内容,因为 jQuery 显示、隐藏和切换方法通过操作显示 css 属性来工作。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)