0

我有下拉菜单,到目前为止我做了这样的事情

$(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

4

1 回答 1

0

看看这里:http: //jsbin.com/amofoz/27/

我改变了这个:

 $('span.toggle', li).each(function(){

对此:

$(this).find('span.toggle', li).each(function(){

希望能帮助到你

于 2013-06-04T08:23:07.843 回答