Форум

follor · #1 (**permalink**) 22.02.2015, 14:21

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

jaroslav.tavgen · #2 (**permalink**) 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 · #3 (**permalink**) 22.02.2015, 18:17

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

Форум

Справочник

Discord чат

Курсы javascript