مشکل refresh شدن صفحه به محض کلیک بر روی لینک

[omid6630]

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

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

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

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


$(document).ready(function () {
$("#commentLink").click(function () {
$("#comment").css("display", "inline");
});
});





<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;">

[TeacherMath]

$(document).ready(function () {
$("#commentLink").click(function ($e) {
$e.preventDefault();
$("#comment").css("display", "inline");
});
});