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

1. BEPDuKT (09.12.2012 / 08:54)
Всем привет! Нужен маленький ЖС скрипт, с помощью которого можно спрятать элемент на странице, и чтоб при нажатии на ссылку элемент появлялся безвозвратно) С меня +

2. marti91 (09.12.2012 / 09:28)

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

Привет! не совсем понял=)

3. Петр (09.12.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>

Так?

4. BEPDuKT (09.12.2012 / 09:46)

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>

Так?

Воо, да) Только надо чтоб ссылка "Показать" исчезала после ее нажатия и на ее месте появлялся спрятаный элемент)

5. marti91 (09.12.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>

примерно так. Это тоже самое что и пример выше, но просто вызываешь функцию.

6. BEPDuKT (09.12.2012 / 09:55)

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>

примерно так. Это тоже самое что и пример выше, но просто вызываешь функцию.

Не работает(

7. marti91 (09.12.2012 / 09:57)
6. BEPDuKT, ну так в стилях спрячь блок display: none;

8. Петр (09.12.2012 / 09:59)

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>

9. BEPDuKT (09.12.2012 / 10:19)
8. Im-ieee, Спасибо большое)) Это то что мне нужно!

URL: https://visavi.net/topics/35671