Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Показать/скрыть по клику (https://javascript.ru/forum/events/54820-pokazat-skryt-po-kliku.html)

IndigoHollow 02.04.2015 10:17

Показать/скрыть по клику
 
Написал простейшую функцию, которая по клику на кнопку показывает блок, а при повторном клике закрывает его.

Уважаемые, где я допустил ошибку?

https://jsfiddle.net/fjwd05px/

telekomstoy 02.04.2015 10:31

function showRes(result_id) {

{ - вы не открыли функцию.

telekomstoy 02.04.2015 10:36

Для полного счастья поменяйте условие функции if на
if (res.style.display != "block") {

ksa 02.04.2015 10:47

Цитата:

Сообщение от IndigoHollow
где я допустил ошибку?

Это
Цитата:

Сообщение от IndigoHollow
if (res.style.display = "none")

Не условие... Вот условие
if (res.style.display == "none")


<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
div#block1 {
	width: 95%;
	max-width: 800px;
	bottom: 75px;
	margin: 200px auto 0;
	padding: 20px;
	background-color: #ffffff;
	display: block;
	border: 1px solid #000000;
}
div#buttons {
	margin: 20px 0 10px 0;
	text-align: center;
}
div#resultbut {
	width: 150px;
	height: 25px;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid #000000;
}
div#resultbut:hover {
	cursor: pointer;
}
div#result1 {
	display: none;
	margin: 15px 0 0 0;
}
</style>
<script type='text/javascript'>
function showRes(result_id) {
	var res = document.getElementById(result_id);
	if (res.style.display == "block") { 
		res.style.display = "none";
	} else {
		res.style.display = "block";
	};
};
</script>
</head>
<body>
<div id="block1">
    <div id="result1">
		A - 1<br>B - 2<br>C - 3
	</div>
	<div id="buttons">
		<div href="javascript:void(0)" onclick="showRes('result1')" id="resultbut">Показать</div>
	</div>
</div>
</body>
</html>

IndigoHollow 02.04.2015 10:48

Цитата:

Сообщение от telekomstoy (Сообщение 364572)
function showRes(result_id) {

{ - вы не открыли функцию.

Как не открыл? Вот же стоит скобка


ksa 02.04.2015 10:49

IndigoHollow, ты условия не умеешь делать... См.
http://javascript.ru/forum/events/54...tml#post364575

IndigoHollow 02.04.2015 11:08

Цитата:

Сообщение от ksa (Сообщение 364577)
IndigoHollow, ты условия не умеешь делать... См.
http://javascript.ru/forum/events/54...tml#post364575

Спасибо! Ваш совет помог. Теперь я буду внимательнее относиться к условиям
\(*А*)/

Интересно, что на jsfiddle этот код не работает даже в исправленном виде)))

ksa 02.04.2015 11:29

Цитата:

Сообщение от IndigoHollow
на jsfiddle этот код не работает даже в исправленном виде

Я не знаком с jsfiddle... :(


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