为什么jQuery在jSfiddle中起作用但在站点中不起作用？

Question

I am using jQuery to change the height of a div, I was using static values before that were set by me, but now I made one that makes the div to its full height and returns it to 24px, Now it works great in JSFiddle but not on the site.

jQuery(".dsellactiontext").toggle(function(){
jQuery(this.parentNode).animate({
    height: $(this.parentNode)[0].scrollHeight+'px'
  }, 400);
},function(){
jQuery(this.parentNode).animate({height:24},600);
}); 

The fiddle : http://jsfiddle.net/skoltyno/ZBR8G/

The site test page : http://bocaratonrealestatemarket.com/jquery-test-page/

You can see in the inspector that the height is not being toggled to full but it will toggle it to 24px.

Whats going on here?

Answer 1

Wordpress runs jQuery in noConflict mode , meaning that $ is not aliased to jQuery . This means your $(this.parentNode)[0].scrollHeight+'px' throws an error (which you can see in the console).

Try;

jQuery(this.parentNode)[0].scrollHeight+'px'

... or, as your creating a jQuery object of a DOM Element, then accessing the DOM Element immediately, just:

this.parentNode.scrollHeight+'px'

... should suffice.