Jquery Slidetoggle - Похоже, не удается заставить его начать с закрытого?

#jquery #slidetoggle

Вопрос:

Я использую jquery slidetoggle на одностраничном веб-сайте. Я пытался выяснить, где я ошибся в своем скрипте, но, похоже, не могу решить эту проблему. Я пытаюсь заставить эффект переключения слайдов начинать закрываться при открытии страницы и открывать / закрывать только по щелчку. Прямо сейчас, когда страница открывается, каждый раздел переключения слайдов уже открыт : / Будем признательны за любую помощь.

 <script type="text/javascript">
jQuery(function($) {
var openText = 'Open';
var closeText = 'Close';
$('.item-util .more-toggle').toggle(
    function() {
        $(this).html(closeText);
        $(this).parent().siblings('div').slideToggle('slow');
    },
    function() {
        $(this).html(openText);
        var returnTo = $(this).parents('.item');
        $.scrollTo(returnTo, {offset:{top:-150, left:0}, duration:600});
        $(this).parent().siblings('div').slideToggle('slow');
    }
  );
});
</script>

Спасибо

Ответ №1:

Установите стиль элементов, которые вы хотите начать закрывать, как display:none и это должно сработать…

Ответ №2:

Чтобы он начинался как закрытый, вам нужно установить css на display: none; для элемента, который вы пытаетесь сдвинуть.