jquery code works fine on jsfiddle but only partially (toggle doesnt work) on my website even though same version of jquery -
i've been coding element website on jsfiddle , when tried transfer website (wordpress based), partially works.
doesn't seem jquery not working because expand/ collapse mechanics working fine. seems wrong class toggling , i'd appreciate if you'd me out cuz couldn't find working solution searching.
this code, jsfiddle tells me valid - http://jsfiddle.net/gszc4/
but on website doesn't work/ toggle doesnt work, rest - 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'); }); });
change $
sign jquery
in code... think there occured conflict between jquery , other framework in wordpress
jquery(this).toggleclass('album_clicked'); //^^^^---here
Comments
Post a Comment