Как вызвать функцию для всех элементов объекта

217

16 декабря 2017, 08:26

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

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, а при загрузке страницы?

Answer 1

Может "не только по событию 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();
});