Div abre e fecha

[Ronaldo Bueno 23]

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

[Ronaldo Bueno 23]

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 36]

 

<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>