[Zetaboard code] iStatic Menu - Ẩn hiện Submenu

[[Mr.P]]

Tác giả: Holysavior
Preview:

You must be registered for see links

Các bạn vào CSS và xóa tất cả gì liên quan đến #submenu, và thêm cái này vào

/** Slide Menu **/
#slidemenu {
background: #D6E1F1;

color: #444;
margin: 1% auto;
padding:4px 2%;
height:30px;
}
td#menux, td#menuz {
background: #D6E1F1;
border:0px;
}
#submenu {
color: #444;
padding:0px;
}
#submenu a, #submenu a:hover {
color:#444;
}
#submenu a:hover {
text-decoration: underline;
}
#submenu {
font-size:85%;
text-align:left;
}

#submenu a {
padding:3px 5px;
}

Và vào Theme layout thêm cái này trên thẻ <!--submenu -->

<table id="slidemenu" border="0"><tr><td id="menuz" width="5%"><a href="javascript:void(0);" id="slide" class="selected">Menu >></a></td><td id="menux"></td></tr></table>
<script type="text/javascript">
$(document).ready(function() {

$("#submenu").appendTo("#menux").hide();
$("#slide").toggle(function(){
$(this).removeClass("selected");
$("#submenu").fadeIn("slow");
},function(){
$(this).addClass("selected");
$("#submenu").fadeOut("slow");
});
});
</script>