2010-07-06 69 views
1

你能帮我解答一个问题吗?我需要同时选择多个类别以及“全部”按钮,它将切换所有元素。多个开关jquery

下面是一些代码:

$(function() { 
//All Category 
    $('#5').click(function(){ 
    $('ul.thumbs').toggle();}); 
//First Category 
    $('#6').click(function(){ 
    $('a.6').toggle();}); 
//Second Category 
    $('#7').click(function(){ 
    $('a.7').toggle();}); 
//Third Category 
    $('#8').click(function(){ 
    $('a.8').toggle();}); 
    }); 

这里是链接例如:

<a class="6"><img src=""></a> 

即在一个班级中我存储了类别号码。现在它不适合。当您按类别点击链接时,它会右键出现或消失。但是,当您点击“全部”链接时,它仅启用/禁用未更改较慢的类别。 我不是jquery古鲁,也不认为我会自己找到一些决定。 任何帮助将不胜感激。

+0

您的ID和课程都无效......他们不能以数字开头。此外,我没有看到任何“全部”链接,您是否可以更新以包含此内容? – 2010-07-06 12:06:53

+0

'全部'它是ul,所有类别都是孩子。我明白在类中只使用数字是不好的,但它似乎只是从php中获取它的方法。 – Pavel 2010-07-06 13:05:43

+0

只需添加一个前缀:)甚至'c1','c2'等等都可以工作。 – 2010-07-06 15:24:15

回答

1

起初,您不应该使用数字开始课程名称和ID。

现在,切换隐藏可见项目并显示隐藏项目。当您切换所有元素时,将显示先前隐藏的元素。也许你需要用hide()和show()取代切换,具体取决于你想要达到的目标。