2013-03-27 2 views
0

Последние 5 строк Я хочу свернуть div, который заполняется содержимым при первом нажатии из внешнего файла.Не удается закрыть div после загрузки удаленного контента - JQuery

Я пробовал многочисленные события, не повезло:

$(document).ready(function() { 
     $("li.span3 a").click(function (e) { 
      e.preventDefault(); 
      jQuery('html, body').animate({ scrollTop: jQuery('.content').offset().top -100 }, 'fast'); 
      $('.content').load(this.href).delay(2000); 
     }); 
     $("li.span3 a").click(function(){ 
      $('.content').unload(); 
      $('.content').addclass().css('height', '0px'); 
     }); 
    }); 

Содержание сидит в пустой DIV на целевой странице, для содержания быть загружены in.to

+0

вы можете создать http://jsfiddle.net, чтобы показать вашу проблему –

+0

вы хотите нажать один и тот же элемент снова выгрузить содержимое? – Pete

+0

Да, в основном, чтобы закрыть или скрыть div до исходного, невидимого состояния. Theres в основном уменьшенные изображения, и как только один из них щелкнут, раздел над ними будет расширяться с большей детализацией на соответствующем изображении. – lxm7

ответ

1

Может быть, это работает для ты?

var $content = $('.content'); 

$(".span3").on('click', 'a', function (e) { 
    e.preventDefault(); 

    if($content.hasClass('loaded') { 
     $content.hide().removeClass('loaded'); 
    } else { 
     $('html, body').animate({ scrollTop: $content.offset().top -100 }, 'fast'); 
     $content.load(this.href).show().addClass('loaded'); 
    } 
}); 
+0

Lifesaver , благодаря! Теперь мне просто нужно понять, почему свиток увеличивается каждый раз, когда я нажимаю страницу. – lxm7

Смежные вопросы