1

Есть функция:

jQuery(document).ready(function(){
    var accordionsMenu = $('.cd-accordion-menu');

    if( accordionsMenu.length > 0 ) {

        accordionsMenu.each(function(){
            var accordion = $(this);
            //detect change in the input[type="checkbox"] value
            accordion.on('change', 'input[type="checkbox"]', function(){
                var checkbox = $(this);
                console.log(checkbox.prop('checked'));
                ( checkbox.prop('checked') ) ? checkbox.siblings('ul').attr('style', 'display:none;').slideDown(300) : checkbox.siblings('ul').attr('style', 'display:block;').slideUp(300);
            });
        });
    }
});

Можно ли сделать, чтобы блок:

accordion.on('change', 'input[type="checkbox"]', function(){
                var checkbox = $(this);
                console.log(checkbox.prop('checked'));
                ( checkbox.prop('checked') ) ? checkbox.siblings('ul').attr('style', 'display:none;').slideDown(300) : checkbox.siblings('ul').attr('style', 'display:block;').slideUp(300);
            });

срабатывал не по событию change, а при загрузке страницы?

4
  • Можно. Нужно запустить эту функцию, после загрузки страницы. Событие называется window.onload
    – Dmytro
    Commented 15 дек. 2017 в 10:47
  • accordion.on('window.onload', 'input[type="checkbox"]', function(){ var checkbox = $(this); console.log(checkbox.prop('checked')); ( checkbox.prop('checked') ) ? checkbox.siblings('ul').attr('style', 'display:none;').slideDown(300) : checkbox.siblings('ul').attr('style', 'display:block;').slideUp(300); }); так? Commented 15 дек. 2017 в 11:58
  • я в Jquery не силен. Я только лишь догадываюсь, как работает Ваш код. Поэтому так или нет - сказать не могу. На чистом JS я бы написал так window.onload = function(){ someFunction(){console.log("work")}, someFunction(); };
    – Dmytro
    Commented 15 дек. 2017 в 12:05
  • @Abs3akt Если вы правите сообщение, то постарайтесь не делать это однобоко, а также править формат кода и правопиисание.
    – 0xdb
    Commented 15 дек. 2017 в 12:38

1 ответ 1

0

Может "не только по событию change, а также при загрузке страницы"?

Ни цикл, ни проверка length не нужны.

jQuery(document).ready(function(){
  //detect change in the input[type="checkbox"] value
  $('.cd-accordion-menu').on('change', 'input[type="checkbox"]', function(){
    var checkbox = $(this);
    console.log(checkbox.prop('checked'));
    ( checkbox.prop('checked') ) ? checkbox.siblings('ul').attr('style', 'display:none;').slideDown(300) : checkbox.siblings('ul').attr('style', 'display:block;').slideUp(300);
  });
  // при загрузке страницы:
  $('.cd-accordion-menu input[type="checkbox"]').change();
});
1
  • работает как надо, большое спасибо Commented 18 дек. 2017 в 6:46

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.