Question

我正在开发一个大菜单列表，用jquery的toggle（）函数打开/关闭。我希望菜单列表中的一个项目，当单击时，slideDown并显示其下方div上的另一个.html的load（）内容，然后再次单击时，滑动并删除load（）内容

我到目前为止编写的代码似乎有效，但是，在第二次点击之后，它似乎已经疯狂了＃34;并混淆slideDown和Up的序列，并在循环中重复移动。

由于它使用load（）方法，代码在这里不起作用，但我正在使用我正在使用的代码，所以你可以检查逻辑。

＆＃13;

$(document).ready(function(){       
    $('.show-project-01').on('click', function(){         

        if ($('.project').html() == "") {   
            $('.project').slideDown()
            $('.project').load('project-01.html')
        } else {
            $('.project').slideUp()
            $('.project').empty()
        }

        return false
            
        }) 
})

＆＃13;

<a href="#" class="title-project show-project-01">Pure office <img src="assets/teste-01.jpg" alt="" class="image-01"></a>

<div class="project">
</div>

＆＃13;

我是jquery的新手，所以我不太明白我做错了什么，任何建议都非常受欢迎。

谢谢！

Answer 1

您可以使用数据属性来确保容器div打开或关闭

dotenv-rails

工作示例 - https://jsfiddle.net/Jim_Miraidev/Lp2r3yqn/

如何通过单击带有slideDown / Up的按钮将html加载/卸载到div

1 个答案: