ایجاد منو ظاهر شونده

[policweb]

سلام دوستان من سه تا فایل دارم به نام home.html - java.js - css.css
داخل فایل اچ تی ام ال دو تا div به رنگ زرد و قرمز وجود داره
میخوام وقتی روی لینکی که داخل div زرد هست کلیک کنم div قرمز ظاهر شه یعنی قبل از کلیک div قرمز ناپدید بوده
کد مربوط به css نوشته شده به این صورت هست
.menuone{border:1px yellow solid;width:10%;height:100%;background-color:yellow;postion:absolute;float:right;padding-right:auto;padding-left:20px}
.menuone a:focus{color:green;}
.menuone a:active{color:green;}

.menutwo{border:1px red solid;width:10%;height:100%;background-color:red;postion:absolute;float:right;padding-right:auto;padding-left:20px}
.menutwo a:focus{color:green;}
.menutwo a:active{color:green;}
اما توی جاواش موندم چطور ربط بدم تا با کلیک بروی لینک div قرمز ظاهر شه!
آیا شما راه حلی دارید ؟ لطفن کمک کنید

[amirali0079]

شما باید از jQuery استفاده کنید:

$(function() {
$("#ID_Link").click(function() {
$("#div_ghermez").fadeIn(500);
});
});

[policweb]

شما باید از jQuery استفاده کنید:

$(function() {
$("#ID_Link").click(function() {
$("#div_ghermez").fadeIn(500);
});
});


ممنونم از لطفتون
من زیاد آشنایی با جی کوئری ندارم ،اول رفتم فایلشو گرفتم و به home.html لینکش کردم
بعدش این کد شما رو داخل فایل java.js گذاشتم از این به بعدشو میشه توضیح بدید
function visual(){
var x="<div class='menutwo'></div>"
document.write(x);
}
من قبلن اینو نوشتم و بین تک script گذاشتم بجای div قرمز رنگ اما با بالا اومد صفحه قبل از اینکه کلیک کنم خودش ظاهر میشه :(