При первом клике блоки должны появляться, при следующем пропадать

#javascript #html #jquery

Glad to see you there!
What is your name?
What do you like?
Tell me :)


JQuery подключен. Прошу помощи )

     $( window ).load(function() {
  document.$('.container').click(function() {
    var boxes = $('.boxes');  
    if(boxes.hasClass('showed')){          
      boxes.style.display = 'none';
      boxes.removeClass('showed');    
    }
     else {             
      boxes.style.display = 'flex'; 
      boxes.addClass('showed');      
    }
  });
});

    

Ответы

Ответ 1

может так:



     
 $(document).on('click', '.container', function() {
    var boxes = $('.boxes');  
    var state = $(this).data('state');     
    state = !state; 
    
    if (state)
      boxes.addClass('showed');
    else
      boxes.removeClass('showed');    

     $(this).data('state', state);  
});
.boxes {
  display: none;
}

.showed {
  color: red;
  display: flex;
}

click
Glad to see you there!
What is your name?
What do you like?
Tell me :)




Манипуляция только классами. Ну и дополнительная data-state, чтоб знать текущее состояние
элементов


Ответ 2

Все как у @АлексейШиманский, только:

$(document).on('click', '.container', function() {
  $('.boxes').toggleClass('showed');  
});