Спасибо.
вот че нашол примерно то что мне надо.
<html><head>
<script type="text/javascript" src="jquery.js"></script>
<SCRIPT type=text/javascript>
function initSpoilers(context)
{
var context = context || 'body';
$('div.spoiler-head', $(context))
.click(function(){
$(this).toggleClass('unfolded');
$(this).next('div.spoiler-body').slideToggle('fast');
})
;
}
$(document).ready(function(){
initSpoilers('body');
});
</SCRIPT>
<link href="spoiler.css" rel="stylesheet" type="text/css" />
</head><body>
<div class="spoiler-wrap"><div class="spoiler-head folded clickable">1</div><div class="spoiler-body">2</div></div>
</body></html>
содержимое css
.spoiler-wrap {
clear: both;
}
.spoiler-body {
display: none;
}
.clickable {
cursor: pointer;
}
.folded {
display: block;
}
.unfolded {
display: block;
}
спринципе все отлично работает, но как сделать чтоп она отъезжала не от клика а от наведения мыши...