有没有什么特殊的jQuery可以为一个元素执行两组不同的代码？
有没有什么特殊的jQuery可以为一个元素执行两组不同的代码？
提问于 2011-04-03 19:03:45
我有一个code，可以让我在单击一个元素时显示一个元素，并在单击另一个元素时隐藏它。Code看起来像这样：
$('.downloads').hide()
$('.downloads').css({visibility:'visible'})
var Dshow=false;
$('.allLink').click(function() {
if(!Dshow){
Dshow=true;
$(".downloads").fadeIn("fast");
$('#footer2').html($('#footer1').html());
$('#footer1').html('');}
});
$('.hideAllLink').click(function() {
if(!!Dshow){
Dshow=false;
$(".downloads").fadeOut("fast");
$('#footer1').html($('#footer2').html());
$('#footer2').html('');}
});我希望$('.allLink').click(function()有2个状态-在第一次单击它将显示".downloads“，并在第二次单击隐藏。
如何用jQuery做这样的事情呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-04-03 19:12:23
我想你正在寻找的是一个切换器:使用jQuery切换功能
使用
$( "#idofthebutton" ).toggle(
function() {
/// hide the link
$(".downloads").fadeOut("fast");
}, function() {
///show the link
$(".downloads").fadeIn("fast");
}
);这将自动隐藏和显示链接...
注意:在本例中，使链接在第一个位置可见。如果您不希望这样做，那么可以更改.toggle中函数的顺序
Stack Overflow用户
发布于 2011-04-03 19:07:13
您可以使用.toogle()。如果元素可见，此方法将隐藏元素；如果元素隐藏，此方法将使元素可见。
$('.allLink').click(function()) {
$('.downloads').toggle();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5529197
复制相关文章
相似问题
腾讯云开发者
