我有下拉菜单,到目前为止我做了这样的事情
$(function() {
// hide all the sub-menus
$("span.toggle").next().hide();
$(".current").parents("li ul").show();
// add a link nudging animation effect to each link
$("#jQ-menu a, #jQ-menu span.toggle").hover(function() {
$(this).stop().animate( {
//paddingLeft:"10px",
color:"black"
}, 300);
}, function() {
$(this).stop().animate( {
paddingLeft:"0",
color:"#808080"
}, 300);
});
// set the cursor of the toggling span elements
$("span.toggle").css("cursor", "pointer");
// prepend a plus sign to signify that the sub-menus aren't expanded
$("span.toggle").prepend("+ ");
// add a click function that toggles the sub-menu when the corresponding
// span element is clicked
$("span.toggle").click(function() {
$(this).next().toggle(1000);
// switch the plus to a minus sign or vice-versa
var v = $(this).html().substring( 0, 1 );
if ( v == "+" ){
$(this).html( "-" + $(this).html().substring( 1 ) );
var li = $(this).parent().siblings('li');
$('span.toggle', li).each(function(){
var v = $(this).html().substring( 0, 1 );
if ( v == "-" ){
$(this).html( "+" + $(this).html().substring( 1 ) );
$(this).next().toggle(1000);
}
});
} else if ( v == "-" )
$(this).html( "+" + $(this).html().substring( 1 ) );
});
});
我想让我的菜单在当前页面上展开。现在是,但是“+”在展开时被“-”替换(它应该是“-”)同样,当(“Pierwsze”和“Drugie”)都被展开并且当我关闭“Pierwsze”时也“毒药”正在关闭。但是当我都关闭并单击“Drugie”展开时,“Pierwsze”也在展开。顺便说一句,当“pierwsze” ius 展开时,我想点击“Drugie”,然后“Pierwsze”应该关闭。对不起我的英语不好。我希望我正确地描述了它。我不知道如何使该下拉菜单正常工作。这是链接http://jsbin.com/amofoz/11/edit