Jquery load into div on toggle

Question

Not sure if this is possible but can you load and unload into a div on a jquery toggle?

something a bit like this?

$("#IDOFCLICK").live('click',function(){
$(this).toggleClass("active").('#IDOFDIVTOLOAD').load('PAAGETOLOAD').slideToggle("slow");
});

if you can I guess the above is not right, but, how would you also unload on the "reverse" toggle?

Answer 1

That won't work. The toggle you're using just toggles the class. There is a toggle event you could use, but it is not supported by live() to my knowledge.

When you say unload I assume you want to empty the content of #IDOFDIVTOLOAD. If that's right, you could try this:

$("#IDOFCLICK").live('click',function(){
    $(this).toggleClass("active");
    var $loadElement = $('#IDOFDIVTOLOAD');
    if( $loadElement.is(':empty') ) {
        $loadElement.load('PAAGETOLOAD').slideToggle("slow");
    } else {
        $loadElement.empty().slideToggle("slow");
    }
});

---

jQuery docs:

• .is() - http://api.jquery.com/is/
• .empty() - http://api.jquery.com/empty/