Customizar javascript ocultar/mostrar

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