jquery SlideToggle в днн - PullRequest
       6

jquery SlideToggle в днн

1 голос
/ 22 марта 2011

Я пытаюсь создать информационный блок, когда нажимаю на голову, содержимое скользит вниз
но когда я делаю это, он просто скользит вниз, а затем снова вверх.
Он находится в документе 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();
        }
    });
});

1 Ответ

2 голосов
/ 22 марта 2011

В первом примере вы будете переключать все области содержимого, если у вас есть несколько одинаковых контейнеров на странице.

Второй пример выглядит так, как будто он должен работать, но, опять же, если у вас есть несколько экземпляров контейнера, и этот скрипт находится в самом контейнере, вы зарегистрируете обработчик несколько раз. Попробуйте переместить скрипт во внешний файл и сослаться на него в коде, чтобы он включался только один раз. См. Jotery-скрипт DotNetNuke в контейнере для примера этого.

...