Question

I recently fixed a prob I had with the sliding field thanks to you so I wanted to ask this problem too.

On the site: http://www.trulyscience.com/test/index.html I have a little box with questions. It slides open when you press it and slides shut when your press again.
Now my problem is that this does not work in IE.

Here is the code:

function loadQuestion(){

var lol;
lol = 1;

jQuery('#question').click(function(){
    if (lol==0){
      jQuery('#question').animate({height:'300'});
      lol = 1;
    }else{
      jQuery('#question').animate({height:'30'});
      lol = 0;                     
    }
});

jQuery('#question').trigger('click'); // Simulating click
}

jQuery(document).ready(function(){
loadQuestion();
});

Answer 1

I think you have a problem with calling loadQuestion() before the question div is available to jQuery, so the click event is never added.

I added a breakpoint and a watch in the ready function which seemed to indicate this at least.

jQuery(document).ready(function(){
    // does this print 0 in IE? 
    console.log(jQuery('#question').length);

    loadQuestion();
});​

Just to verify you could move the script to the bottom of the page and see if that solves the problem. If it does, I would still investigate why the question div is not available when document ready triggers in IE.