Publicado em 2 de ago.

Div abre e fecha

Pessoal, nem sei onde postar, pois nunca me aconteceu

 <div id="bloco-linha-especialidade" class="linha-especialidade" name="1">
 <div style="width:100%;text-align:left; font-size:14px; line-height:90%; margin-bottom:10px; color:#0066a5;">
 <span><strong>TEXTO</strong></span>
 </div>
 <div id="1" style="width:100%;margin-bottom:10px; line-height:200%; display:none;">
 <p style="text-align:justify">Texto texto texto texto texto texto texto texto texto texto texto .</p>
 <p style="text-align:right;"><a href="" class="LeiaMaisEsp">Saiba mais (+)</a></p>
 </div>
 </div>

O que acontece:

Para o mouse na 1ª div abre e fecha, percebi que ela fecha quando entra em qualquer outra div, mesmo essas outras sendo fiha, o que posso fazer ?

já tirei as outras e deixei apenas span, mas quando entra em qualquer elemento abaixo a div esconde.

será que alguém tem um pulo do gato ?

Obrigado

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Ronaldo Bueno· 2 de ago.

O que será que tem de errado com esse código ? já li um monte e esta tudo igual

	var $at = jQuery.noConflict()
	$at(document).ready(function(){

 $at(".linha-especialidade").mouseover(function(event){
 var Nome = $at(this).attr('Name');
 event.preventDefault();
 $at("#"+Nome).slideDown(1000);
 });

 $at(".linha-especialidade").mouseout(function(event){
 var Nome = $at(this).attr('Name');
 event.preventDefault();
 $at("#"+Nome).slideUp(1000);
 });

	});

Quando paro o mouse ela abre e fecha 3 vezes até parar e cada movimento do mouse repete a operação

CL4nG· 5 de ago.

<script>
 $(document).ready(function(){

 $(".mostrar").hover(function(event){
 var id = "#" + $(this).attr('Name');
 $(id).slideToggle("slow");
 });
 });

</script>

 <div style="float:left; border: 1px solid red;">
 <div style="width:100%;text-align:left; font-size:14px; line-height:90%; margin-bottom:10px; color:#0066a5;">
 <span class="mostrar" style="border: 1px solid red;" name="1"><strong>TEXTO</strong></span>
 </div>
 <div id="1" style="width:100%; margin-bottom:10px; line-height:200%; float:left; display: none;" >
 <p style="text-align:justify">Texto texto texto texto texto texto texto texto texto texto texto .</p>
 <p style="text-align:right;"><a href="" class="LeiaMaisEsp">Saiba mais (+)</a></p>
 </div>
 </div>