CSS
- 4 ответа
- 0 вопросов
0
Вклад в тег
<script>
jQuery(document).ready(function(){
jQuery('a.spoiler-head').click(function(){
jQuery(this).next().toggle(200);
return false;
});
});
</script>
.spoiler {position:relative;}
.spoiler a.spoiler-head {display:block; float:left; margin:10px 0 2px 0; text-decoration:none;}
.spoiler a.spoiler-head span {padding:0; border-bottom:dashed 1px #71C83B; font-size:16px; color:#71C83B;}
.spoiler .spoiler-body {display:none; position:relative; padding:6px 0 0 0; margin:0; clear:both;}
<div class="spoiler">
<a class="spoiler-head" href="#">Внимание, спойлер!</a>
<div class="spoiler-body">Тут содержимое нашего супер простейшего спойлера</div>
<div class="clear"></div>
</div>