Если неудобно по другим сайтам шарить, могу сюда скопировать:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.a_plus{
height:13px;
width:13px;
display:inline-block;
background-color:red;
}
.a_minus{
height:13px;
width:13px;
display:inline-block;
background:green
}
.a_hidetext{
display:none;
padding-left:18px;
}
.a_plus_min div{
display:inline-block;
width:11px;
height:11px;
background:red;
}
.a_minus_min div{
display:inline-block;
width:11px;
height:11px;
background:green;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type='text/javascript'>
(function() {
$(document).ready(function (){
$('div.a_plus-minus').click(function (){
var display = $(this).nextAll('p.a_hidetext').css('display');
if (display == 'none') {
$(this).nextAll('p.a_hidetext').css({'display' : 'block'});
$(this).removeClass('a_plus');
$(this).addClass('a_minus');
} else {
$(this).nextAll('p.a_hidetext').css({'display' : 'none'});
$(this).removeClass('a_minus');
$(this).addClass('a_plus');
}
})
})
$(document).ready(function (){
$('a.a_plus_min').click(function (){
$('p.a_hidetext').css({'display' : 'block'});
$('div.a_plus-minus').removeClass('a_plus');
$('div.a_plus-minus').addClass('a_minus');
})
$('a.a_minus_min').click(function (){
$('p.a_hidetext').css({'display' : 'none'});
$('div.a_plus-minus').removeClass('a_minus');
$('div.a_plus-minus').addClass('a_plus');
})
})
})();
</script>
</head>
<body>
<table>
<tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing</p></td><td>бла</td><td>бла</td></tr>
<tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing</p></td><td>бла</td><td>бла</td></tr>
<tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing</p></td><td>бла</td><td>бла</td></tr>
<tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing</p></td><td>бла</td><td>бла</td></tr>
<tr class="a_dnd"><td><div class="a_plus-minus a_plus"></div><a href="#">Lorem ipsum</a><p class="a_hidetext">consectetur adipisicing </p></td><td>бла</td><td>бла</td></tr>
<tr class="a_dnd_predown">
<td>
<a href="#" class="a_plus_min">
<div></div>
<span>Открыть</span>
</a>
<a href="#" class="a_minus_min">
<div></div>
<span>Закрыть</span>
</a>
</td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>