【问题标题】:jQuery/Javascript sliding toggle menujQuery/Javascript 滑动切换菜单
【发布时间】:2017-01-15 19:58:02
【问题描述】:

我正在尝试制作一个侧边栏,当单击它时(除了 li)会向下滑动具有相同类的部分段落(部分 p)。

var $asideGet = $('aside li').click(function(){
                $(this).each(function(){
                    $(this).attr('class');
            });
        });




        var $sectionGet = $('section p').click(function(){
            $(this).each(function(){
            $(this).attr('class');
        });
    });
    if($asideGet == $sectionGet){
        $asideGet.click(function(){
            $sectionGet.slideToggle();
        });
    };

【问题讨论】:

  • 你的问题是......?
  • 解决这个问题。它正确地将每个 li 和 p 部分放在一边,但是当我尝试制作 if 语句时,当两者都是同一个类时,显示/向下滑动 p 部分。

标签: javascript jquery function if-statement var


【解决方案1】:

我重新检查了代码并得到了如下内容: 哎呀...但是当我点击aside li时,它会滑下所有的部分p,我只想滑下与aside li相同的类的p部分。

var $sectionP = $('section p');
    $sectionP.hide();



    var $asideLi = $('aside li');


function comparing(){
        $asideLi.click(function(){
            $(this).each(function(){
                var $asideClass = $(this).attr('class');
                    if($sectionP.hasClass($asideClass)){
                        $sectionP.slideToggle();
                    };
        }); //each function
    }); //click function


};

【讨论】:

  • 请编辑您的问题,而不是发布答案。
  • 我仍然不知道如何使用这个网站,我昨天创建了这个帐户,这就是我发布答案而不是编辑我的问题的原因!!!
  • 别担心,这就是他们允许您进行更改的原因:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多