Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery animation not working after clicking link
    primarykey
    data
    text
    <p>I'm just starting out with Jquery and I love it but I've got a problem that I can't wrap my head around. </p> <p>I've implemented a plugin I purchased which's creates a grid of thumbs which you can then filter on attributes. (trough li class)</p> <p>In addition I wrote a little piece of code that expands the div on click. This both works perfectly until the menu is used (to filter out by attribute) I understand this may sound a bit vague until you see it so here's the link: <a href="http://media-surfer.nl/test" rel="nofollow">http://media-surfer.nl/test</a></p> <p>If you need all the code pasted here I will do so but since it's a quite a lot I figured best keep overview and visit the link.</p> <p>I really for the life of me can't figure this out, so any help is greatly appreciated! Thanks a ton in advance :)</p> <p>here's the code I wrote:</p> <pre><code>&lt;!-- collapse expand jquery --&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $(".inhoud").hide(); $(".show_hide").show(); $('.show_hide').click(function(event) { $(".inhoud").parent().animate({ width: '160' }, 500, function() { // Animation complete. }); var $inhoud = $(this).next(".inhoud"); if($inhoud.hasClass("active")) { $(this).parent().animate({ width: '160' }, 500, function() { // Animation complete. }); $inhoud.removeClass("active"); } else { $(this).parent().animate({ width: '769' }, 500, function() { // Animation complete. }); $inhoud.addClass("active"); } }); }); &lt;/script&gt; &lt;!-- collapse expand jquery --&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload