Демо на сайте...
Пробовал брать код по аналогу там но не получается, знаний нет
<script> $(document).ready(function () { $('a#link1').click(function (e) { $(this).toggleClass('active'); $('#content1').toggle(); e.stopPropagation(); }); $('#content1').click(function (e) { e.stopPropagation(); }); $('body').click(function () { } }); }); </script>
<a href="#" id="link1" class="">Открыть</a>
<div id="content1" style="display: none;"> Содержимое блока </div>
WAERZ, — это как должно работать?!
PET, — ну да вкусы разные (всем не угодишь), но мне лично как пользователю нравиться, особенно когда на сайте много всего и обычного не хватает
Всё делается при помощи css3 и уже всем известной хитрости с чекбоксом
HTML
<div> <input id="inp" class="spoiler_controler" type="checkbox"> <label for="inp"> <span class="show">Показать</span> <span class="hide">Скрыть</span> </label> <div class="content"> Можно плакать от счастья — В.В. прёт!<br> И при этом сосать 21-й палец.<br> «Сильная власть — слабый народ»,<br> Сказал однажды один китаец.<br><br> Но если страну проиграли в джекпот —<br> Пустим ненависть по голодной вене!<br> «Сильная власть — сильный народ»,<br> Провыл с трибуны один немец.<br><br> Но, чтобы было легко и всласть,<br> Придумаем коррупционную схему.<br> «Слабый народ — слабая власть»,<br> Хватай что можешь, руби тему!<br><br> Да ещё можно решиться на переворот,<br> Устроить системе перезагрузку.<br> «Слабая власть — сильный народ»,<br> Скартавил однажды весьма нерусский. </div>
.show, .hide { position:relative; left:400px; top:50px; border-bottom: 1px dashed; cursor: pointer; } .hide, .content { display: none; } .spoiler_controler { display: none; } .spoiler_controler:checked + label .show { display: none; } .spoiler_controler:checked + label .hide { display: inline; } .spoiler_controler:checked ~ .content { display: block; }
Я дал чистый пример, без дополнительных стилей.
Через изменения свойств left и top можно играться с выводом позиции кнопки. Но, возможно, у вас совсем другая структура шаблона. Вы уж смотрите, как вам это реализовать у себя.
Пример
Ах да, и в explorer 8 и ниже работать не будет
Gorec, решил просто сделать меню боковое без вывода. Никогда не знаешь когда пользователь на него кликнет