به نام خدا و سلام
میخوام با جی کوئری وقتی روی یک لینک کلیک شد ، یک div نمایش داده بشه .این div پیشفرض هم مخفی است
و وقتی از دوباره کلیک شده محو بشه .

مثل لینک گذاشتن کامنت در بعضی سایت ها . که فرم کامنت گذاری نمایش داده میشه .

اما مشکل اینجاست که وقتی روی لینک کلیک میکنم ، صفحه رفرش میشه و این فرم یک لحظه کوچیک نمایش داده میشه و باز محو میشه . میخوام همین طوری بمونه و محو نشه .

برای حل این مشکل چکار کنم .؟



$(document).ready(function () {

    $("#commentLink").click(function () {

        $("#comment").css("display", "inline");

    });

});


کد HTML:
<a href="" id="commentLink">نظرات</a>
<%--<a href="" id="showPage">نمایش کامنت  ها</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="" id="hidePage">مخفی کردن کامنت ها</a>--%>
</div>

<div id="comment" align="center" style="display:none; width:600px; height:400px;">

   <div id="test" style="width: 600px; height: 100px; background-color: #999966;">