Сворачивание и разворачивание текста при наведении мыши (jQuery) - Joomla 2.5: Настройка и оптимизация

Здраствуйте всем! Помогите пожалуйста разобраться. Хотел сделать раскрывающийся текст при наведении мыши. Вставил код:

<div class='cont'>
Текст, который не скрыт
</div>
<div class='cont-hide'>
Скрытый текст, который появляется только при наведении мыши на "Текст, который не скрыт"
</div>
<script type="text/javascript" src="javascript/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$('div.cont').mouseover(function(){
  $(this).next().slideDown('slow');
}).mouseout(function(){
  $(this).next().slideUp('slow');
 });
 });
</script>

В итоге всё бы хорошо, но почему то при перезагрузки страницы текст полностью развернут,
а работать должным образом начинает только после первого наведения курсора.Подскажите, что я делаю не так?

$('div.cont-hide').hide();

$('div.cont-hide').hide();

Спасибо, огромное!

Ребят а как сделать что бы была задержка разкрутки тоесть  при наведение разкрывается и не сворачиветься 10 сек на пример

$('div.cont-hide').delay(1000).hide();   - 1сек.

$('div.cont-hide').delay(1000).hide();   - 1сек.

не получается
<script>
$(document).ready(function(){
$('div.cont').mouseover(function(){
  $(this).next().slideDown('slow');
 $('div.cont-hide').hide();
}).mouseout(function(){
  $(this).next().slideUp('slow');
 $('div.cont-hide').delay(1000).hide();
 });
 });
</script> может что то не так задержка должна быть 10 сек я просто не спец

надо что бы когда человек навел на текст то разворачивается другой текст и не сворачиваться 10 сек

надо что бы когда человек навел на текст то разворачивается другой текст и не сворачиваться 10 сек

Попробуйте так

Попробуйте так

Код

$(document).ready(function(){
	$('div.cont-hide').hide() ;
	$('div.cont').hover(
		function() {
			$(this).next().slideDown('slow') ;
		},
		function() {
			$(this).next().delay(10000).slideUp('slow') ;
		}
	);
}) ;

спс помогло