Форум

SLameN · #1 (**permalink**) 14.08.2015, 16:55

Добрый день, есть данные со следующей структурой

2015
- Февраль
- Январь
2014
- Февраль
- Январь

Все данные скрыты "display: none". Как не скрывать (убрать "display: none") последний год и месяц?

<div class='spoiler'>
	<input onclick='showSpoiler(this);' value='2015 год' type='button' class='button' />
	<div style='display: none; margin-left: 50px;'> // убрать display: none, т.к. он выводится последним
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Февраль' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>  // убрать display: none, т.к. он выводится последним
				данные
			</div>
		</div>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Январь' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
	</div>
</div>
<div class='spoiler'>
	<input onclick='showSpoiler(this);' value='2014 год' type='button' class='button' />
	<div style='display: none; margin-left: 50px;'>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Февраль' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Январь' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
	</div>
</div>

рони · #2 (**permalink**) 14.08.2015, 17:33

SLameN,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
    window.onload = function() {
     document.querySelector(".spoiler .spoiler div").style.display = "";
     document.querySelector(".spoiler  div").style.display = "";
}
  </script>
</head>

<body>
<div class='spoiler'>
	<input onclick='showSpoiler(this);' value='2015 год' type='button' class='button' />
	<div style='display: none; margin-left: 50px;'> // убрать display: none, т.к. он выводится последним
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Февраль' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>  // убрать display: none, т.к. он выводится последним
				данные
			</div>
		</div>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Январь' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
	</div>
</div>
<div class='spoiler'>
	<input onclick='showSpoiler(this);' value='2014 год' type='button' class='button' />
	<div style='display: none; margin-left: 50px;'>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Февраль' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Январь' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
	</div>
</div>

</body>

</html>

EmperioAf · #3 (**permalink**) 14.08.2015, 17:40

document.querySelectorAll('.spoiler>div')[0].style.display = 'none';
document.querySelectorAll('.spoiler>div')[1].style.display = 'none';

рони · #4 (**permalink**) 14.08.2015, 17:57

EmperioAf,

Сообщение от SLameN

убрать display: none

EmperioAf · #5 (**permalink**) 14.08.2015, 18:12

Сообщение от рони

EmperioAf,

ой точно

конечно же :

document.querySelectorAll('.spoiler>div')[0].style.display = '';
document.querySelectorAll('.spoiler>div')[1].style.display = '';

Форум

Справочник

Discord чат

Курсы javascript