SlideToggle Specific Div onClick of Checkbox еще не работает?

0

После этой скрипки http://jsfiddle.net/swQLg/10/ еще предстоит работать с этой настройкой http://jsfiddle.net/u56Zv/

HTML:

<div class="PanelWhen" id="PanelWhen">
        That
</div>

<div class="btn-group" data-toggle="buttons">
  <label class="btn whenBtn">
    <input type="checkbox" id="whenBtn"> When
  </label>
</div>

CSS:

#PanelWhen {
  display: none;
}

JS:

<script>
$(document).ready(function () {
    $("#whenBtn").on('click', function () {
        var $when = $(this).next("#PanelWhen");
        $when.slideToggle();
        $("#PanelWhen").not($when).slideUp();
    });
});
</script>
  • 0
    Что не работает точно?
  • 0
    @GaryHole Div с «This» еще не появился (переключение шоу) ..
Теги:
slidetoggle

1 ответ

1
Лучший ответ

Вы используете jQuery, поэтому вам нужно включить эту библиотеку в скрипку.

Во-вторых, метод .previous выполняет поиск элемента sibling - он не выглядит нигде в дереве DOM. Обратите внимание, что в первом примере он ищет next('.ans') элемент next('.ans') который отлично работает, потому что все элементы являются братьями и сестрами.

В вашем примере, вы можете только объем в $ когда вар быть конкретный элемент, который вы хотите показал, но если вы хотите повторяемый результат по всему сайту, вы должны думать о обзорного его с некоторыми локативным методом (т.е. .parent, .children, .siblings, .next, .previous и т.д.)

Здесь твоя новая скрипка:

http://jsfiddle.net/u56Zv/2/

Поделиться
  • 0
    Это прекрасно работает, за исключением того, что при доставке кнопок с использованием шаблонов руля переключение больше не работает .. какие-либо предложения?
  • 0
    Могу ли я увидеть ваш шаблон .handlebars ?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню