Нужна помощь! Показать/Скрыть элемент с помощью JS

Print RSS
312

B
Author
CSS
0
Всем привет! Нужен маленький ЖС скрипт, с помощью которого можно спрятать элемент на странице, и чтоб при нажатии на ссылку элемент появлялся безвозвратно) С меня +
M

Землянин
0
BEPDuKT (9 Декабря 2012 / 08:54)
элемент появлялся безвозвратно)
Привет! не совсем понял=)
П

Пацак
0
<div id="elem">Элемент!</div>
<script type="text/javascript">document.getElementById('elem').style.display='none';</script>
<a href="#" onclick="document.getElementById('elem').style.display=''; return false;">Показать</a>
Так?
Changed: Петр (09.12.2012 / 09:34)
B
Author
CSS
0
Im-ieee (9 Декабря 2012 / 09:34)
<div id="elem">Элемент!</div>
<script type="text/javascript">document.getElementById('elem').style.display='none';</script>
<a href="#" onclick="document.getElementById('elem').style.display=''; return false;">Показать</a>
Так?
Воо, да) Только надо чтоб ссылка "Показать" исчезала после ее нажатия и на ее месте появлялся спрятаный элемент)
Changed: BEPDuKT (09.12.2012 / 09:47)
M

Землянин
0
function ON() {
    document.getElementById("id1").style = "display:block";
    document.getElementById("id2").style = "display:no ne";
}
<a href="#" id="id2" onclick="ON()">Показать</a>
<div id="id1">
    <p>test</p>
</div>
примерно так. Это тоже самое что и пример выше, но просто вызываешь функцию.
Changed: marti91 (09.12.2012 / 09:53)
B
Author
CSS
0
marti91 (9 Декабря 2012 / 09:52)
function ON() {
    document.getElementById("id1").style = "display:block";
    document.getElementById("id2").style = "display:no ne";
}
<a href="#" id="id2" onclick="ON()">Показать</a>
<div id="id1">
    <p>test</p>
</div>
примерно так. Это тоже самое что и пример выше, но просто вызываешь функцию.
Не работает(
M

Землянин
0
6. BEPDuKT, ну так в стилях спрячь блок display: none;
П

Пацак
0
BEPDuKT (9 Декабря 2012 / 09:46)
Воо, да) Только надо чтоб ссылка "Показать" исчезала после ее нажатия и на ее месте появлялся спрятаный элемент)
<div id="elem">Элемент!</div>
<script type="text/javascript">document.getElementById('elem').style.display='none';</script>
<a href="#" onclick="document.getElementById('elem').style.display=''; this.style.display='none'; return false;">Показать</a>
B
Author
CSS
0
8. Im-ieee, Спасибо большое)) Это то что мне нужно!
Stickers / Tags / Rules / Top topics / Top Posts / Search