Показать сообщение отдельно
  #3 (permalink)  
Старый 20.05.2011, 20:30
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

вариант1:
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('dl dt a').click(function(event) {
        $(event.target).parent('dt').next('dd').slideToggle(300);
        event.peventDefault();
    });
});
</script>
<dl>
    <dt><a href="#">click</a></dt>
    <dd>Текст скрытый1</dd>
    <dt><a href="#">click</a></dt>
    <dd>Текст скрытый2</dd>
    <dt><a href="#">click</a></dt>
    <dd>Текст скрытый3</dd>
<dl>
<style type="text/css">dd {display: none;}</style>

вариант2:
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('dl dt a').click(function(event) {
        $(event.target).parent('dt').next('dd').slideToggle(300).siblings('dd').hide();
        event.peventDefault();
    });
});
</script>
<dl>
    <dt><a href="#">click</a></dt>
    <dd>Текст скрытый1</dd>
    <dt><a href="#">click</a></dt>
    <dd>Текст скрытый2</dd>
    <dt><a href="#">click</a></dt>
    <dd>Текст скрытый3</dd>
<dl>
<style type="text/css">dd {display: none;}</style>
Ответить с цитированием