<a href="#" onclick="if (document.all.txt.style.display != 'none') { document.all.txt.style.display = 'none'; } else { document.all.txt.style.display = 'block'; }">Показать/скрыть</a>
<div id="txt" style="display: none;">
Тут что-то есть
</div>
Открывающая/закрывающая ссылка
Люди плз помогите! Как можно в html создать ссылку на которую когда нажимаешь, открывается то что находится внутри этой ссылки. Например, сайт с видео, я хотел каждое видео засунуть под такую ссылку, когда нажал, видео появилось, когда обратно нажал, видео свернулось. Вот как можно это реализовать?
Код:
А вообще то учитесь пользоваться Google...
Вместо document.all.txt надо использовать document.getElementById('txt')
RussianSpy, т.е. как? (document.getElementById('txt') != 'none') ? так. или как?
Код:
<a href="#" onclick="if (document.getElementById('txt').style.display != 'none') { document.getElementById('txt').style.display = 'none'; } else { document.getElementById('txt').style.display = 'block'; }">Показать/скрыть</a>
<div id="txt" style="display: none;">
Тут что-то есть
</div>
<div id="txt" style="display: none;">
Тут что-то есть
</div>
Код:
<a href="#" onclick="var o=document.getElementById('txt');o.style.display=o.style.display=='none'?'block':'none';return false;">Показать/скрыть</a>
<div id="txt" style="display:none">
Тут что-то есть
</div>
<div id="txt" style="display:none">
Тут что-то есть
</div>
Код:
<style type="text/css">
div#gallery div {display:none}
</style>
<div id="gallery">
<a href="#">Показать/скрыть1</a><div>Тут что-то есть1</div>
<a href="#">Показать/скрыть2</a><div>Тут что-то есть2</div>
<a href="#">Показать/скрыть3</a><div>Тут что-то есть3</div>
<a href="#">Показать/скрыть4</a><div>Тут что-то есть4</div>
<a href="#">Показать/скрыть5</a><div>Тут что-то есть5</div>
<a href="#">Показать/скрыть6</a><div>Тут что-то есть6</div>
<a href="#">Показать/скрыть7</a><div>Тут что-то есть7</div>
<a href="#">Показать/скрыть8</a><div>Тут что-то есть8</div>
<a href="#">Показать/скрыть9</a><div>Тут что-то есть9</div>
<a href="#">Показать/скрыть10</a><div>Тут что-то есть10</div>
</div>
<script src="js/jquery.js"></script>
<script>
$('div#gallery a').click(function(){
var div = $(this).next();
var s = div.attr('display') == 'none') ? 'block' : 'none';
div.attr('display', s);
return false;
});
</script>
div#gallery div {display:none}
</style>
<div id="gallery">
<a href="#">Показать/скрыть1</a><div>Тут что-то есть1</div>
<a href="#">Показать/скрыть2</a><div>Тут что-то есть2</div>
<a href="#">Показать/скрыть3</a><div>Тут что-то есть3</div>
<a href="#">Показать/скрыть4</a><div>Тут что-то есть4</div>
<a href="#">Показать/скрыть5</a><div>Тут что-то есть5</div>
<a href="#">Показать/скрыть6</a><div>Тут что-то есть6</div>
<a href="#">Показать/скрыть7</a><div>Тут что-то есть7</div>
<a href="#">Показать/скрыть8</a><div>Тут что-то есть8</div>
<a href="#">Показать/скрыть9</a><div>Тут что-то есть9</div>
<a href="#">Показать/скрыть10</a><div>Тут что-то есть10</div>
</div>
<script src="js/jquery.js"></script>
<script>
$('div#gallery a').click(function(){
var div = $(this).next();
var s = div.attr('display') == 'none') ? 'block' : 'none';
div.attr('display', s);
return false;
});
</script>
при добавлении ссылок и блоков, javascript менять НЕ НУЖНО
ps писал в форум, возможны ошибки
Слушайте, вот я недавно начал изучать С++, заметил их схожесть (да и название С++ смахивает на ява, читал в ява учебнике что ++ увеличивает переменную на один), ява и С++ это как Дельфи и Паскаль?
Цитата: Morphling
Слушайте, вот я недавно начал изучать С++, заметил их схожесть (да и название С++ смахивает на ява, читал в ява учебнике что ++ увеличивает переменную на один), ява и С++ это как Дельфи и Паскаль?
В гугл заглянуть не побывали? Почитать про историю языка Java? Да и вобще при чем тут Java к этой теме? JavaScript - это не Java
Цитата: verybadbug
если таких ссылок будет довольно много, то можно использовать jquery
jquery тут не обязателен - можно и обычными средствами не менее успешно сделать. Судя по вопросам автора топика до jQuery ему еще **ать и **ать.