点击更改css类?

时间:2012-11-09 15:03:33

标签: php javascript jquery html css

好的,所以我从数据库中提取帖子,我希望有两种方式让访问者可以查看被提取的数据:图库和列表视图。 所以,我第一次使用标签,但最终没有完全正常工作,因为它导致带有搜索结果的probs和两次拉相同内容的东西。所以认为这个想法可能会更好。这与选项卡的概念相同......它的工作方式不同......

基本上我想要两个链接: 1.)图库视图2.)列表视图

当人们登陆页面时,所有被拉的数据都将在一个名为“gallery”的div中,当人们点击“list view”链接时,我希望“gallery”类更改为“list”而不重新加载这页纸。然后当他们再次点击“图库视图”时,它会再次将“列表”类更改为“图库”类... 它就像制表符......唯一的区别是我们正在处理一组内容。而不是切换标签...我们正在点击切换css类。

这样我可以通过css编辑内容的显示方式。

可以这样做吗?

1 个答案:

答案 0 :(得分:2)

点击使用toggleClass

点击课程
$('button').click(function(){ 
    $('my-node').toggleClass('gallery list')
});

这会移除gallery类,如果它已经存在,如果它不是它添加它。 list

也是如此