При нажатии появляется блок
Привет всем.
Такой вопрос, как сделать чтобы при нажатии ссылки появляется определенный блок прямо под ссылкой ? Пример: <a href="">Показать</a> после нажатия прямо под ним: <div class="myclass"> content </div> Пожалуйста помогите разобраться |
<a onclick="toggle(hidden_content)">Ссылочка</a> <div id="hidden_content" style="display: none;">Вот он я</div> <script> function toggle(el) { el.style.display = (el.style.display == 'none') ? '' : 'none' } </script> |
bohdantheone, Спасибо работает.
|
Извините, а как ее записать на куки ? чтобы если пользователь открыл ее, то она так и остается, а если он закрыл ее то остается закрытым...
я читал статьи о куках, но ничего не смог сделать :( пожалуйста сделайте этот скрипт чтобы он работал на куках :( |
легче через локальное хранилище.
<a href="#">Ссылочка</a> <div id="hidden_content">Вот он я</div> <script> el = document.getElementById('hidden_content'); key = 'vis'; el.style.display = +localStorage.getItem(key) ? "":"none"; document.links[0].onclick = function() { var show = el.style.display == 'none'; el.style.display = show ? '' : 'none'; localStorage.setItem(key, +show); } </script> |
Я этим пользуюсь
<script> 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"; } </script> <a onclick="look('введи id'); return false;" href="#">Текст</a> <div style="display:none;padding-top:10px;" id="id из ссылки">Здесь всталяй то, что будет скрываться или раскрываться</div> Таких ссылок можно делать множество. Только не получается в раскрывающемся блоке сделать раскрывающиеся подблоки по томуже сценарию((((( |
melky, круто, но он как будет работать ? он как и куки будет обновляться ? в смысле когда чистим куки то все скрипты на куках обновляются, а этот тоже так же ?
|
И скажите пожалуйста, спрашиваю чисто ради интереса, почему этот вариант лучше куки ?
|
почти - нельзя только посмотреть содержание хранилища. почитайте в интернете, почему это лучше кук. одна причина - это нововведение, значит это нужно использовать (оно уже давно появилось в браузерах) ... и ещё, содержимое локального хранилища не пересылается при запросах => запросы должны идти быстрее.
|
melky, Понятно, спасибо за помощь!
|
Часовой пояс GMT +3, время: 23:58. |