Выезжающая вкладка на JQuery. Это один из самых простых эффектов, который можно реализовать при помощи библиотеки JQuery.
<div class="slide-panel"> <div class="panel">Тут размещается скрытый текст</div> <a href="#" class="tab">Раскрыть</a> </div>
.panel { padding:10px; display: none; border:solid 1px #ccc; } .tab { display:inline-block; width:100px; padding:5px 10px; font:normal 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background:#999; }
$(document).ready(function(){ $(".tab").click(function(){ // При нажатии на кнопку с классом .tab $(".panel").slideToggle('slow'); // скрытая панель разворачивается либо сворачивается return false; }); });
Комментарии