Jquery使用rel的切换幻灯片

Question

我绝对不是jQuery专家，因此无法正确工作。

我想用一个链接，用rel =“X”来滑动切换打开/关闭class =“X”的div。

默认应该关闭（或显示：无;）

我还要取决于DIV是否是打开或关闭，以更改背景图片....想着也许切换链接班级名称？？

试图一大堆的jQuery的例子，只是感到沮丧:(

这是我到目前为止有： http://jsfiddle.net/4gn5G/3/

$(document).ready(function() { 
    $("a[rel]").click(function() { 
     $(".[rel]").toggle("slide"); 
    }); 
}); 

在此先感谢您的帮助！

Answer 1

根据您的fiddle，

你忘了，包括jQuery的页面。一旦你添加了，脚本就可以正常运行。

如果你想自动，对于具有相对所有点击事件，然后

$(document).ready(function() { 
    $("a[rel]").click(function() { 
     var divClass= $(this).attr('rel'); 
     $("." + divClass).toggle("slide"); 
    }); 
}); 

WORKING DEMO

Answer 2

您需要在您的课程选择器中引用您选择的属性的内容：

$(document).ready(function() { 
    $("a[rel]").click(function() { 
     $("." + this.rel).toggle("slide"); 
    }); 
}); 

或者：

$(document).ready(function() { 
    $("a[rel]").click(function() { 
     $("." + this.getAttribute('rel')).toggle("slide"); 
    }); 
}); 

当你写的，你只需在选中了一类[rel]，这将是没有任何元素（因为[和]是id和class无效字符）。

Answer 3

更新到这一点：

$("a[rel]").click(function() { 
    var cls = $(this).attr('rel'); 
    $("."+cls).toggle("slide"); 
});