Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скрипт для показа/скрытия содержимого div (https://javascript.ru/forum/dom-window/53875-skript-dlya-pokaza-skrytiya-soderzhimogo-div.html)

follor 22.02.2015 14:21
Скрипт для показа/скрытия содержимого div
 
Нужен небольшой скрипт для показа и скрытия содержимого тега div (персональные сообщения на сайте dle), т.е когда ноль (0), то содержимое div отображаться не должно, а когда цифра меняется на 1 и более то соответственно содержимое должно отображаться

jaroslav.tavgen 22.02.2015 18:03
Код:
<!DOCTYPE html>
<html>
<head>
</head>
<body>

n = <span id="toggle">1</span>&nbsp;&nbsp;&nbsp;<button onclick="ToggleThis()">Show Or Hide</button>
<div id="oneToHide">Hide Me!</div><br>

<script>
function ToggleThis(){

    var number; // Тот самый "0" или больше
       
        number = (++(document.getElementById("toggle").innerHTML))%2;

    document.getElementById("toggle").innerHTML = number;
       
        ShowOrHide(number);
}

function ShowOrHide(number){

    if (number==0){
       
            document.getElementById("oneToHide").style.display = 'none';
               
        }
       
        if (number>0){
       
            document.getElementById("oneToHide").style.display = 'block';
               
        }

}

</script>

</body>
</html>

jaroslav.tavgen 22.02.2015 18:17
Этот скрипт не уничтожает div физически (в Inspect Element и во View Source он виден), а именно не показывает его содержимое пользователю на экране.


Часовой пояс GMT +3, время: 19:28.