javascript - 为什么 jQuery show() 不工作？

Question

我正在使用 jQuery 通过 hide() 隐藏一个 div。

然后当一个链接被点击时它会显示div，但由于某些原因它不会停留。它会显示一毫秒然后消失。

HTML

<div id="introContent">
    <h1 id="introText">Welcome</h1>
    <p id="introParagraph">I create <strong>Responsive</strong>, <strong>Interactive</strong>, <strong>Beautiful</strong> Mobile ready Websites.
        Every Website is created from scratch for each client so no Two Projects are alike.
        Please read more about my Company and our work.
        "High Quality Work at Affordable Prices"
    </p>
</div>

jQuery

$(function() {
    $("#introContent").hide();
    $("#intro").click(function () { //$(#intro) is a link in my nav bar 
        $("#introContent").show();
    });
});

Answer 1

阻止浏览器执行您正在单击的元素的默认操作。取消点击

$(function() {
    $("#introContent").hide();
    $("#intro").click(function (evt) {
        evt.preventDefault();
        $("#introContent").show();
    });
});