Toggle JQUERY

[rosarinho 0]

Boa tarde, tenho um script onde o toggle esconde e revela o conteúdo através de um click

mais não consigo fazer com que quando para o mouse em cima ele abra quando eu tirar ele feche automaticamente,

usei o .hover .. ele até abre quando passo o mouse em cima mais quando tiro o mouse ele não fecha, só se eu passa o mouse novamente, alguém pode me da uma ajuda!

$(document).ready(function(){
	$('.tgl0').before('<span>Matriz - SP</span>');
	$('.tgl0').css('display', 'none')
	$('span', '#box-toggle0').hover(function() {
		$(this).next().slideToggle('slow')
		.siblings('.tgl:visible').slideToggle('fast');
	
		$(this).toggleText('Revelar','Esconder')
		.siblings('span').next('.tgl:visible').prev()
		.toggleText('Revelar','Esconder')
	});
})

[rwaldrighi 0]

Rosarinho, boa tarde.

 

Tenta usar este exemplo aqui AQUI:

 

Aparentemente está faltando uma function para quando vc não passa o mouse sobre o toggle.

[B-runo 1]

Caso ainda não tenha feito ficaria assim:

$(document).ready(function(){
    $('.tgl0').before('<span>Matriz - SP</span>');
    $('.tgl0').css('display', 'none')
    $('span', '#box-toggle0').hover(function() {
        $(this).next().slideToggle('slow')
        .siblings('.tgl:visible').slideToggle('fast');
    },
    function() {
        $(this).toggleText('Revelar','Esconder')
        .siblings('span').next('.tgl:visible').prev()
        .toggleText('Revelar','Esconder')
    });
})