javascript - 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 脚本。