Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Display: block при нажатии на ссылку (https://javascript.ru/forum/misc/67058-display-block-pri-nazhatii-na-ssylku.html)

serhiii 25.01.2017 20:18

Display: block при нажатии на ссылку
 
Добрый вечер, подскажите пожалуйста, есть скрипт который показывает блок при нажатии на ссылку
var show;
 
function look(type)
{
param=document.getElementById(type);
if(param.style.display == "none")
{
if(show) show.style.display = "none";
param.style.display = "block";
show = param;
}
else param.style.display = "none";
}

<a onclick="look('введи id'); return false;" href="#">Текст</a>
<div style="display:none;padding-top:10px;" id="id из ссылки">Здесь всталяй то, что будет скрываться или раскрываться</div>

Как можно сделать, что-бы первый из скрытых блоков был изначально виден (сейчас все скрыты), и по нажатии далее на ссылке появлялись вместо него другие блоки.
Заранее спасибо!

andyyy 25.01.2017 20:40

Ни совсем понятно, вы может конкретно обьяснить, что ожидается в конечном результате



Вот вариант
<script>
var show;
function look(type) {
param = document.getElementById(type);
param1 = document.getElementById(idd2);
if(param.style.display=='none') 

{
	if(show) show.style.display=='none';
param.style.display ='block';
param1.style.display ='block';
show=param;
}
else param.style.display='none';

}

</script>
<a onclick="look('idd2'); return false;" href='#'>пип</a><div style='padding-top:10px;' id='idd'>этот блок мы видем! </div>
<div style=' display: none; padding-top:10px;' id='idd2'>а этот нет:(</div>

serhiii 25.01.2017 20:50

У меня есть каталог чемоданов, хочу что-бы изначально стоял блок с один цветом, а при клике на кнопку с другим цветом, появлялся блок с чемоданами выбранного цвета...

serhiii 25.01.2017 20:51

вот сайт который делаю, каталог во второй секции http://s.lusti.net/_chemodan/

рони 26.01.2017 03:29

andyyy,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

andyyy 26.01.2017 11:06

Цитата:

Сообщение от serhiii (Сообщение 442305)
вот сайт который делаю, каталог во второй секции http://s.lusti.net/_chemodan/

Я лично Вас не понимаю) У вас на сайте уже все реализовано же, при выборе чемодана с другим цветом, появляется данный чемодан в центре, вы в картинке чтоли покажите


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