Customizar javascript ocultar/mostrar

[danifarias2015 0]

Pessoal, estou tentando criar um a:hover para o código abaixo via css, mas não vai, não ativa, mesmo que eu modifique as divs e faça trocentas coisas, não vai. Já mudei o código, já tentei alterar pra que o java forneça isso, mas não vai. Alguém saberia como fazer?

<!--Script revelar esconder Inicio -->

<script type='text/javascript'>

$(document).ready(function()

{

$(".mostrar").hide();

$(".ocultar").click(function()

{

$(this).next(".mostrar").slideToggle(900);

});

});

</script>

<!--Script revelar esconder Final-->

O código do tema:

<div class="ocultar"><?php comments_number(__('Comentários'), __('1 comentário'), __('%  comentários'),'closedcomt', __('Comentários Fechados')); ?></div>

css:

.mostrar {float: right; width: 760px;} .ocultar {width:140px; height:20px; text-align:center; color: #2c2b45; cursor:pointer; background: #7bdba0;} .ocultar a:hover {color: #FF6C00;}

[keven.jesus 1]

ta um pouco difícil de saber ... teria um exemplo melhor ? se possível online !!

[Bergs 53]

O que seu código jquery diz é .mostrar começa oculto, clique em .ocultar e mostre ou oculte (via toggle) .mostrar que está logo ao lado de .ocultar (são elementos irmão)

 

Qual a relação entre .ocultar e .mostrar são irmãos ou pai e filho?