Как показать в jQuery активное отделение в <ul> после пуговицы?

У меня есть вложенное меню с отделениями содержания та пуговица onclick. По умолчанию, когда страница загружает, шоу меню со всеми скрытыми отделениями Содержания. Я пытаюсь показать, когда страница загружает (без любых щелчков) отделение Содержания, которое активно (класс = "активный"). Это - мой HTML:

  • Mailing Lists

    //toggle trigger
      //the content div
    • Overview

    • ...another link...

Это - мой jQuery:

(function ($) {
   $(document).ready(function() {
        $(".div_toggle").slideUp();
        $(".active").Show();
        $(".toggle_action").click(function(){
            $(this).next(".div_toggle").slideToggle("slow");
        });         
    });    
  })(jQuery);

Я искал в течение многих часов, но могу только найти код, который показывает/скрывает onclick, и я должен пропускать что-то, чтобы сделать, это на странице загружает только. Пожалуйста, помогите указать мне в правильном направлении!

1
nl ja de
И ваша ошибка утешает шоу что ошибки?
добавлено автор David Thomas, источник
You' ре, показывающее элемент, но скрывающее родителя ( .div_toggle ). Элемент не будет видим, если контейнер, в котором это находится, будет скрыт.
добавлено автор JJJ, источник
действительное повышение, необходимое для достижения целей.
добавлено автор Jai, источник
@Juhana решил проблему, видят ниже, но ваш комментарий о родителях способствовал. Я can' t все же голосуют по комментариям, но действительно ценят вашу помощь.
добавлено автор longboardnode, источник
@Jai I систематических ошибок в повышении.
добавлено автор longboardnode, источник
жаль парни I' m новичок в этом, поэтому, пожалуйста, терпите меня. @Juhana, спасибо ваш комментарий имеет большой смысл! таким образом, я должен попытаться опознать родителя и показать его сначала? любые подсказки, как я мог сделать, который будет потрясающим!
добавлено автор longboardnode, источник

2 ответы

Одна вещь, которая выскакивает во мне, состоит в том, что вы используете $ ('.active').Show (), который не является Методом jQuery. Вы хотите $ ('.active') .show (). Заметьте нижний регистр "S".

Кроме того, вы не закрыли признак H3, и вы скрываете родительский элемент.

Простой пример с той же самой логикой:

<div class="a">
      <div class="b">Apple</div>
      <div class="c">Pear</div>
</div>

$(function(){
  $('.a').slideUp();
  $('.b').show();

 //No matter what you will never see .b or .c.  They will always be hidden
     when .a slides up

})
1
добавлено
+1 отсюда...
добавлено автор A. Wolff, источник
Способ сделать, что вы хотите сделать, мог быть чем-то как: $ (' li') .not (' .active') .hide (); Или некоторая версия этого. Если вам будет нужно содержание, чтобы скрыться, скользя, то необходимо будет переместить ' .active') за пределами"
    " или "ОТДЕЛЕНИЕ" необходимо скользить.
добавлено автор dgo, источник
Почему downvote?
добавлено автор dgo, источник
Приспособленный, чтобы зафиксировать синтаксис и логические ошибки.
добавлено автор dgo, источник
Вы правильны, но просто фиксация имени метода не решает проблему.
добавлено автор JJJ, источник
@user1167442 да, что действительно существует в моем коде, но, должно быть, был стерт в копии. Добавление различных классов отделениям было бы лучшим решением, но к сожалению мной can' t изменяют этот аспект, который является почему I' m отправляющий это.
добавлено автор longboardnode, источник
@user1167442, спасибо за ваше объяснение, самое близкое к решению моего неопределенного вопроса. I' m очень в новинку для jQuery и похож на мой код isn' t собирающийся позволять то, что я хочу сделать, таким образом, I' m собирающийся переделывать мой код с вашими комментариями в памяти.
добавлено автор longboardnode, источник
@user1167442 это - то, что работало наконец: $ (' .div_toggle') .slideUp (); $ (' .topnav active') .parents() .slideDown (); благодарит указать мне в правильном направлении!
добавлено автор longboardnode, источник

it should be .show() not .Show()

working jsfiddle example: http://jsfiddle.net/MMdqp/

1
добавлено
Что означает ваш комментарий?
добавлено автор dgo, источник
Это означает, что ваш пример "работает" только потому, что вы haven' t включал jQuery, таким образом, ничто на странице не скрыто. Откройте пример и взгляд в ошибочном пульте.
добавлено автор JJJ, источник
"jQuery не определяется"
добавлено автор JJJ, источник
Ах да, маленький надзор с моей стороны. Хорошо here' s рабочий пример that' s настолько близко, как я могу получить его к тому, что хочет OP: jsfiddle.net/MMdqp/1
добавлено автор Ezra Free, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing