скрывать divs и показывать различный div, когда скроются все (jquery/javascript)

Когда я даю click в этих divs, они скрываются, Я хочу добиться, чтобы, когда пользователь скроет все divs, был включен div с сообщением, но только, когда я только что скрыл все их.

<div class='open'>Ocultar 1</div>
<div class='open'>Ocultar 2</div>
<div class='open'>Ocultar 3</div>
<div class='open'>Ocultar 4</div>
<div class='open'>Ocultar 5</div>

/* DIV A MOSTRAR */
<div class='oculto'>-CONTENIDO MENSAJE-</div>

<script>
    $(document).ready(function(){
        $(".open").click(function(){
            $(this).hide();
        });
    });
</script>
1
задан 07.03.2019, 03:02
1 ответ

$(document).ready(function(){
    $(".open").click(function(){
        $(this).hide();
        if (!comprobar_visibles('.open')) {
            $('.oculto').show();
        }
    });
});

function comprobar_visibles(elemento) {
    if ($(elemento).is(':visible')) {
        return true
    }
    else {
        return false;
    }
}
.oculto {
    display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='open'>Ocultar 1</div>
<div class='open'>Ocultar 2</div>
<div class='open'>Ocultar 3</div>
<div class='open'>Ocultar 4</div>
<div class='open'>Ocultar 5</div>

/* DIV A MOSTRAR */
<div class='oculto'>-CONTENIDO MENSAJE-</div>

я создал один método, что посредством funci¦n is() подтверждает, если существует algún элемент класса видимые .open. Если он существует, какой-либо возвращает true, если он не существует, возвращает false. Сделав один click в каждом из элементов, чтобы скрывать я подтверждаю, что, если, скрыв этот от него, продолжают существовать видимые элементы. Того, чтобы не быть их он, когда я показываю <div> с классом .oculto.

4
ответ дан 19.11.2019, 22:31