dnn 中的 jquery SlideToggle

Question

我正在尝试制作一个信息框，当我单击头部时，内容会向下滑动
但当我这样做时，它只是向下滑动然后再次向上。
它位于 ascx 文档中，我需要在 dotnetnuke 容器上使用它
它在 html 文件中完美运行
这是代码

<script type="text/javascript">
    $(document).ready(function () {
        $('.head').click(function () {
            $('.content').slideToggle();
        });
    });
</script>

或

$(document).ready(function () {
    $('.textbox .content:eq(1)').hide();
    $('.textbox .head').click(function () {
        if ($(this).next('.content').is(':visible')) {
            $(this).next('.content').slideUp();
        } else {
            $(this).next('.content').slideDown();
        }
    });
});

Answer 1

在第一个示例中，如果页面上有多个相同容器，您将切换所有内容区域。

第二个示例看起来应该可以工作，但是，同样，如果您有容器的多个实例，并且该脚本位于容器本身中，则您将多次注册处理程序。尝试将脚本移动到外部文件并在代码中引用它，这样它只会被包含一次。有关示例，请参阅容器中的 DotNetNuke jquery 脚本。