打开并关闭包含其他文件的div

Question

我有一个页面

master.html

使用这些脚本：

<script type="text/javascript">
$(document).ready(function() {
    $('a.art').click(function() {var url = $(this).attr('href');
        $('#contentart').load(url);
        $('html,body').animate({scrollTop: parseInt($('#contentart').offset().top)}, 'slow');
        $('.show_hide').click(function(){
            $("#contentart").slideToggle();
        });
        return false;
    });
});
</script>

和

<script>
$(document).ready(function() {
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});
</script>

并在身体中：

<div class="one">
<a class="art" href="file1.html">link</a>
<a class="art" href="file2.html">link</a>
<a class="art" href="file3.html">link</a>
<a class="art" href="file4.html">link</a>
ecc ecc
</div>

点击这些链接，打开此div中的相对文件file_.html：

<div style="width: 100%" id="contentart"></div>

对div contentart的轻柔动作

在身体中我有这个链接

<a href="#qui"cursor: pointer;" class="show_hide">close the div</a>

为新选择;这个函数关闭div并上升。

但是所有功能都不能正常工作：打开速度很慢，如果我第二次打开链接（ALTRO）没有打开新功能。 这里是测试链接：

http://vangelodelre.it/test/files/contenuti.html

因为我不是开发人员，所以我需要一个维修帮助。

Answer 1

速度很慢，因为你不是只加载文本，而是加载一些未完全没有属于身体的未开发的东西。

你甚至强迫重新加载jquery（那是巨大的）。检查单击FireBug网络控制台中的链接时会发生什么。

点击链接后会发送所有GET。我不完全理解你的代码，有很多混淆代码，但有些东西是严重错误的。