leilaaa
سه شنبه 07 بهمن 1393, 10:02 صبح
من می خوام منوم مثل این سایت وقتی رو عبارت منو کلیک می کنیم لگو جای خودشو به منو سایت بده و دوباره وقتی رو عبارت منو کلیک می کنیم این بار منو مخفی شه و لگو نمایش داده بشه
http://www.yaminikitchens.com/
این کدی که من نوشتم اول که سایت لود می شه تو هدر لوگو لود می شه و با کلیک روی عبارت منو (تگ a) ، لوگو مخفی و منو افقی ظاهر می شه ولی نمی دونم چی کار کنم که دو باره که رو منو کلیک کردم این بار منو افقی مخفی شه و هدر نمایش داده بشه و به همین ترتیب ادامه داشته باشه.
#logo{visibility:visible; height:20%; margin-top:0px;padding:0px;float:right;width:90%;visibili ty:visible; }
#main-menu {visibility:hidden;height:20%; margin-top:0px;padding:0px;float:right;width:90%; line-height:16px;}
<head>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("a").click(function(){$('#logo').css('visibility','hi dden'); $('#main-menu').css('visibility','visible');});
});</script>
http://www.yaminikitchens.com/
این کدی که من نوشتم اول که سایت لود می شه تو هدر لوگو لود می شه و با کلیک روی عبارت منو (تگ a) ، لوگو مخفی و منو افقی ظاهر می شه ولی نمی دونم چی کار کنم که دو باره که رو منو کلیک کردم این بار منو افقی مخفی شه و هدر نمایش داده بشه و به همین ترتیب ادامه داشته باشه.
#logo{visibility:visible; height:20%; margin-top:0px;padding:0px;float:right;width:90%;visibili ty:visible; }
#main-menu {visibility:hidden;height:20%; margin-top:0px;padding:0px;float:right;width:90%; line-height:16px;}
<head>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("a").click(function(){$('#logo').css('visibility','hi dden'); $('#main-menu').css('visibility','visible');});
});</script>