Javascript 显示带有URL的

我已登录此网站：。我正在尝试获取该部分的URL。更多信息，以便连接到类似http://….的URL。es/示例/更多，我会自动加载更多。 问题是，如果我尝试用锚围绕section.more，我会得到URL，但动画会被破坏，我无法通过在浏览器栏中写入第二节的URL来直接加载它

我该怎么做

代码：

HTML:

jQuery用于动画：

        $("#showmore").on("mouseover", function() {
            $(this).animate({ opacity: 0.5 });
        }).on("mouseout", function() {
            $(this).animate({ opacity: 1 });
        }).on("click", function() {
            $(".more").css("display", "inline").animate({ top: 0 }, 1000, function() {
                $(".more nav").fadeIn( 1000 );
            });
        });

        $(".more #back").on("click", function() {
            $(".more").animate({ top: "100%" }, 1000, function() { $(this).css("display", "none"); });
            $(".more nav").fadeOut( 1000 );
        });

---

发布代码以便我们查看。这里是：@AlexanderCerutti您应该使用适当的信息代码编辑您的问题。虽然小提琴很棒，但它们不一定永远都可以使用。我们不希望如此依赖外部资源，因为，好吧，那么它就只能这样做了。@Luxelin，我是否应该添加我认为只需要HTML和JQuery的所有代码？@AlexanderCerutti添加重现问题所需的最少代码量。

.more {
background: #3B383B;
position: absolute;
top:100%; left:0; right:0; bottom:0;
display: none;
}

.more nav {
background-color: #f0f0f0;
position: fixed;
top: 0; left: 0; right: 0;
height: 50px;
box-shadow: 0px 0px 5px black;
display: none;
z-index: 99;
}

.more #back {
position: fixed;
top: 51px;
background: transparent;
border-left: 3px solid #2083cc;
border-right: 3px solid #2083cc;
border-bottom: 3px solid #2083cc;
border-radius: 0 0 5px 5px;
width: 150px;
height: 25px;
padding-top: 3px;
text-align: center;
font-family: 'Raleway';
font-weight: 200;
left: 46%;
cursor: pointer;
}

.more #cont {
border: 1px solid #000;
position: inherit;
left: 20%; right: 20%;
top: 50px; bottom: 0;
z-index: 1;
padding: 60px 20px 0 20px;
}

        $("#showmore").on("mouseover", function() {
            $(this).animate({ opacity: 0.5 });
        }).on("mouseout", function() {
            $(this).animate({ opacity: 1 });
        }).on("click", function() {
            $(".more").css("display", "inline").animate({ top: 0 }, 1000, function() {
                $(".more nav").fadeIn( 1000 );
            });
        });

        $(".more #back").on("click", function() {
            $(".more").animate({ top: "100%" }, 1000, function() { $(this).css("display", "none"); });
            $(".more nav").fadeOut( 1000 );
        });