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

Question

Как показать в 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

добавлено 09 Январь 2013 в 06:17 автор longboardnode отредактировано 09 Январь 2013 в 07:40

Просмотры: 3

источник

nl ja de

И ваша ошибка утешает шоу что ошибки?

добавлено 09 Январь 2013 в 06:20, автор David Thomas, источник

You' ре, показывающее элемент, но скрывающее родителя ( .div_toggle ). Элемент не будет видим, если контейнер, в котором это находится, будет скрыт.

добавлено 09 Январь 2013 в 06:20, автор JJJ, источник

действительное повышение, необходимое для достижения целей.

добавлено 09 Январь 2013 в 06:23, автор Jai, источник

@Juhana решил проблему, видят ниже, но ваш комментарий о родителях способствовал. Я can' t все же голосуют по комментариям, но действительно ценят вашу помощь.

добавлено 10 Январь 2013 в 10:25, автор longboardnode, источник

@Jai I систематических ошибок в повышении.

добавлено 09 Январь 2013 в 07:42, автор longboardnode, источник

жаль парни I' m новичок в этом, поэтому, пожалуйста, терпите меня. @Juhana, спасибо ваш комментарий имеет большой смысл! таким образом, я должен попытаться опознать родителя и показать его сначала? любые подсказки, как я мог сделать, который будет потрясающим!

добавлено 09 Январь 2013 в 07:07, автор longboardnode, источник

2 ответы

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

Одна вещь, которая выскакивает во мне, состоит в том, что вы используете $ ('.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

добавлено 09 Январь 2013 в 06:19 автор dgo

источник

+1 отсюда...

добавлено 09 Январь 2013 в 06:22, автор A. Wolff, источник

Способ сделать, что вы хотите сделать, мог быть чем-то как: $ (' li') .not (' .active') .hide (); Или некоторая версия этого. Если вам будет нужно содержание, чтобы скрыться, скользя, то необходимо будет переместить ' .active') за пределами"

" или "ОТДЕЛЕНИЕ" необходимо скользить.

добавлено 09 Январь 2013 в 08:59, автор dgo, источник

Почему downvote?

добавлено 09 Январь 2013 в 06:21, автор dgo, источник

Приспособленный, чтобы зафиксировать синтаксис и логические ошибки.

добавлено 09 Январь 2013 в 06:31, автор dgo, источник

Вы правильны, но просто фиксация имени метода не решает проблему.

добавлено 09 Январь 2013 в 06:22, автор JJJ, источник

@user1167442 да, что действительно существует в моем коде, но, должно быть, был стерт в копии. Добавление различных классов отделениям было бы лучшим решением, но к сожалению мной can' t изменяют этот аспект, который является почему I' m отправляющий это.

добавлено 09 Январь 2013 в 07:10, автор longboardnode, источник

@user1167442, спасибо за ваше объяснение, самое близкое к решению моего неопределенного вопроса. I' m очень в новинку для jQuery и похож на мой код isn' t собирающийся позволять то, что я хочу сделать, таким образом, I' m собирающийся переделывать мой код с вашими комментариями в памяти.

добавлено 10 Январь 2013 в 06:37, автор longboardnode, источник

@user1167442 это - то, что работало наконец: $ (' .div_toggle') .slideUp (); $ (' .topnav active') .parents() .slideDown (); благодарит указать мне в правильном направлении!

добавлено 10 Январь 2013 в 10:23, автор longboardnode, источник

Видеокурс по Java для начинающих

Получи видеокурс по Java для начинающих с упражнениями

автор Ezra Free · Answer 1 · 2013-01-09T06:20Z

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

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

1

добавлено 09 Январь 2013 в 06:20 автор Ezra Free

источник

Что означает ваш комментарий?

добавлено 09 Январь 2013 в 06:23, автор dgo, источник

Это означает, что ваш пример "работает" только потому, что вы haven' t включал jQuery, таким образом, ничто на странице не скрыто. Откройте пример и взгляд в ошибочном пульте.

добавлено 09 Январь 2013 в 06:23, автор JJJ, источник

"jQuery не определяется"

добавлено 09 Январь 2013 в 06:21, автор JJJ, источник

Ах да, маленький надзор с моей стороны. Хорошо here' s рабочий пример that' s настолько близко, как я могу получить его к тому, что хочет OP: jsfiddle.net/MMdqp/1

добавлено 09 Январь 2013 в 07:51, автор Ezra Free, источник