我一直在 jsfiddle 上为我的网站编写一个元素,当我尝试将它传输到我的网站(基于 wordpress)时,它只能部分工作。
它似乎不是 jquery 本身不工作,因为展开/折叠机制工作得很好。班级切换似乎有问题,如果您能帮我解决这个问题,我将不胜感激,因为我无法通过搜索找到可行的解决方案。
这是代码,jsfiddle 告诉我它的有效 - http://jsfiddle.net/GSzC4/
但是在我的网站上它不起作用/切换不起作用,其余的都起作用 - http://www.roxopolis.de/media/albums/what-would-you-give
jQuery(document).ready(function () {
jQuery(".content").hide();
jQuery(".content_album").hide();
jQuery(".heading").click(function () {
jQuery(this).next(".content").slideToggle(200);
});
jQuery("#heading_album").click(function () {
jQuery(this).next(".content_album").slideToggle(400);
});
$('#heading_album').click(function () {
$(this).toggleClass('album_clicked');
});
$('.heading').click(function () {
$(this).toggleClass('album_item_clicked');
});
});