通过调用相同的函数切换不同div的子对象

时间:2019-05-13 13:08:31

标签: javascript jquery html

我确实有两个div,其中包含几个div和一个按钮。当您单击按钮时,我要执行一个功能(它将显示隐藏的div,移除覆盖,更改按钮的文本等),并且再次单击该按钮时,将执行该功能。但是,无论我多么努力或尝试使用与Google不同的解决方案,我都无法使其正常运行,并且在经过一段时间之后,我意识到代码变得更加混乱。

我的按钮事件是:

    $( '.nv-portfolio-item-button' ).click(function() {
        if ( false === portfolioFunctions.menuRevealed ) {
            portfolioFunctions.revealMenu(); }
        else {
            portfolioFunctions.dismissMenu(); }
    });

我创建了一个Codepen:

Here is the Pen

预期行为应为;当单击“显示更多”按钮时,它应该显示该(父)div的隐藏项目,但是,无论您单击第一个按钮还是第二个按钮,它都只会切换第一个div。即使我知道导致问题的原因,也无法解决。

0 个答案:

没有答案