Question

最后5行我想要折叠在外部文件第一次点击时填充内容的div。

我尝试了很多没有运气的事件：

   $(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，用于加载内容。

Answer 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');
    }
});

加载远程内容后无法关闭div - Jquery

1 个答案: