我正在尝试创建一个手风琴类型的菜单,其中两个主要的导航项目每个都有3个子导航项目,但是,当它变为不同的链接时,手风琴似乎非常跳跃而不是平滑的滑动动作 - 看一看在这里,www.rbasra.com/test
有时点击某些链接时会出现白色闪烁。
我在网站的所有页面上使用以下脚本:
<script language="JavaScript">
$(document).ready(function() {
//avoid jumping to the top of the page when the href is an #
$("ul.topnav > li").each(function(index) {
if($(this).find("ul.subnav").size() != 0){
if($(this).find("a:first-child").attr('href') == "#"){
$(this).click(function(){return false;});
}
}
});
$("ul.topnav li").click(function() { //When trigger is clicked...
//Do nothing when the list is open
if(!$(this).find("ul.subnav").is(':visible')){
$(this).parent().find("ul.subnav").slideUp('5000');
$(this).find("ul.subnav").slideDown('5000').show(); //Drop down the subnav on click
}
});
});
</script>
非常感谢任何帮助。