私はjsfiddleで自分のWebサイトの要素をコーディングしてきましたが、それを自分のWebサイト(ワードプレスベース)に転送しようとすると、部分的にしか機能しません。
拡張/折りたたみの仕組みが正常に機能しているため、jquery自体が機能していないようには見えません。クラスの切り替えに問題があるようです。このcuzを手伝っていただければ幸いです。検索しても、実用的な解決策は見つかりませんでした。
これはコードです、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');
});
});