S3.Blog

подробнее
JavaScript: Скрытые блоки

На многих сайта, особенно на форумах, вы, наверное, не раз видели скрытые блоки, которые раскрываются при клике на них.
Практически все они построены по одному принципу: внутри общего DIV находятся два других - один, это панель для нажатия, во-втором скрытый текст.

14 Мая 2015 (19:59:45)

Александр

сформировать ID случайным образом не проблема, но кто их будет назначать какой-куда и за что отвечает?

поэтому, в вашем случае, к сожалению, только ручная работа.

вы можете только облегчить конструкцию немного изменив скрипт:


<tr><td class="minfo">
	<i onclick="openBlock('my_menu_1');" class="fa fa-chevron-down"></i>
</td></tr>
<tr><td>
	<div id="my_menu_1" class="this_block_is_hidden">это первый скрытый блок</div>
</td></tr>

и измените скрипте на это:

<script>
function openBlock(el_id) {
	var child = document.getElementById(el_id);
	if (child) {
		// если блок не виден, то показать его
		if (child.style.display != 'block') {
			child.style.display = 'block';
		} 
		// иначе скрыть его
		else {
			child.style.display = 'none';
		}
	}
}
</script>

S3.Blog

подробнее JavaScript: Скрытые блоки

Авторизоваться :: Зарегистрироваться Ответить:

подробнее
JavaScript: Скрытые блоки

Авторизоваться :: Зарегистрироваться
Ответить: