动态扩展/折叠快速启动的Javascript [英] Javascript for Dynamically Expanding/Collapsing Quick Launch

问题描述

我有一个用于扩展/折叠快速启动的JavaScript.效果很好.
但是问题是我有一些没有子菜单的快速启动菜单，例如(EG:Root2)，所以那些没有子菜单的菜单我要重定向根菜单.子菜单重定向工作正常.

例如:
Root1
->子菜单1
->子菜单2
Root2
Root3
->子菜单1


Javascript:
< script type ="text/javascript">

$(document).ready(function(){

$("div.menu-vertical> ul.root> li.static> a").toggle(
函数(){
$(> ul"，$(this).parent()).show("fast");
}，
函数(){
$(> ul"，$(this).parent()).hide("fast");
}
);

$("div.menu-vertical> ul.root> li.static> ul.static").css("display"，"none");

var s = $("div.menu-vertical> ul.root> li.static> ul.static> li.selected").parent();
var p = s.parent();

p.find(''ul'').css("display"，");

p.find(''li'').css("color"，"red");


});


</script>


谢谢

Hi,

I have a javascript written for Expanding/Collapsing the quick launch.It work''s fine.
But the problemn is that i have some quick launch menu''s without Sub-Menus(EG:Root2),So those which does not have the sub-menu I want the root menu to be redirected.The sub-Menu redirection is working Fine.

For Example:
Root1
->Sub Menu 1
->Sub Menu 2
Root2
Root3
->Sub Menu 1


Javascript:
<script type="text/javascript">

$(document).ready(function () {

$("div.menu-vertical>ul.root>li.static>a").toggle(
function () {
$(">ul", $(this).parent()).show("fast");
},
function () {
$(">ul", $(this).parent()).hide("fast");
}
);

$("div.menu-vertical>ul.root>li.static>ul.static").css("display","none");

var s = $("div.menu-vertical>ul.root>li.static>ul.static>li.selected").parent();
var p=s.parent();

p.find(''ul'').css("display","");

p.find(''li'').css("color","red");


});


</script>


Thanks

推荐答案

(document).ready(function(){

(document).ready(function () {

("div.menu-vertical> ul.root> li.static> a").toggle(
函数(){

("div.menu-vertical>ul.root>li.static>a").toggle(
function () {

(> ul"，

这篇关于动态扩展/折叠快速启动的Javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！