How to display elements on button click with jQuery?

Question

JavaScript

Hello. There are several divs, for example 6 pieces

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

How to make a button show multiple divs with display: none when clicked? For example, 2

Answer 1

So:

$('#count-blocks').on('click', function(ev) { 
    ev.preventDefault();
    
    
    var hiddenBlocksQuantity = 0;

    $('div').each(function() {
        var isHidden = ($(this).css('display') === 'none');

        if (isHidden) {
            hiddenBlocksQuantity++;
        }
    })

    alert ('There is ' + hiddenBlocksQuantity + ' hidden blocks');
});

Demo: https://jsfiddle.net/gz5hejcu/