jQuery
jQuery(".className ul").not(":first").hide();
jQuery(".className>li>a").hover(function(){
var hasUl=jQuery(this).next("ul").html();
if(hasUl!=null){
if(!jQuery(this).next("ul").is(":visible")){
jQuery(".className ul").slideUp("slow");
jQuery(this).next("ul").slideDown("slow");
}
}
});
html
<ul class="className">
<li>
<a href="#">level 1</a>
<ul>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
</ul>
</li>
<li>
<a href="#">level 1</a>
<ul>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
</ul>
</li>
<li>
<a href="#">level 1</a>
<ul>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
<li><a href="#">level 2</a></li>
</ul>
</li>
</ul>
Hope it will help!!!
(i made this one)
jQuery(".ver3 ul").not(":first").hide();
jQuery(".ver3>li>a").hover(function(){
var hasUl=jQuery(this).next("ul").html();
if(hasUl!=null){
if(!jQuery(this).next("ul").is(":visible")){
jQuery(".ver3 ul").slideUp("slow");
jQuery(this).next("ul").slideDown("slow");
}
}
});
jQuery(".ver3 ul").not(":first").hide();
jQuery(".ver3>li>a").hover(function(){
var hasUl=jQuery(this).next("ul").html();
if(hasUl!=null){
if(!jQuery(this).next("ul").is(":visible")){
jQuery(".ver3 ul").slideUp("slow");
jQuery(this).next("ul").slideDown("slow");
}
}
});
jQuery(".ver3 ul").not(":first").hide();
jQuery(".ver3>li>a").hover(function(){
var hasUl=jQuery(this).next("ul").html();
if(hasUl!=null){
if(!jQuery(this).next("ul").is(":visible")){
jQuery(".ver3 ul").slideUp("slow");
jQuery(this).next("ul").slideDown("slow");
}
}
});

Para asa ni imong code bakla? which part sa web magamit ning mananapa?
ReplyDelete