Jquery load to div on toggle

Question

Не уверен, что это возможно, но можете ли вы загрузить и выгрузить в div на jquery toggle?

что-то вроде этого?

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

, если вы можете догадаться, я выше не является правильным, но, как бы вы также разгрузить «реверс» переключения?

Answer 1

Это не сработает. toggle, который вы используете, просто переключает класс. Существует событие toggle, которое вы могли бы использовать, но он не поддерживается live(), насколько мне известно.

Когда вы говорите unload Я предполагаю, что вы хотите опорожнить содержимое #IDOFDIVTOLOAD. Если это так, вы могли бы попробовать это:

$("#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/

Answer 2

Я побежал через это и вес Я попробовал это, произошла небольшая анимация, которая была до загрузки страницы, затем произошел переход. Я изменил код в инструкции IF на ajax-вызов, чтобы проверить, были ли данные загружены до slideToggle. Это дало желаемый эффект.

    $.ajax({ 
         type: 'GET', 
         url: "/pagetoload", 
         dataType: "html", 
         success: function(data) 
         { 
          $loadElement.html(data); 
          $loadElement.slideToggle("slow"); 
         }, 
         error: function() 
         { 
          alert("Error!"); 
         } 
        });