вариант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>