Não estou conseguindo usar o this
aqui, pra ele identificar qual dos links eu estou passando o mouse, quando passo o mouse em um dos links ele ativa os dois links e isso não é pra acontecer. Também estou com problemas ao esconder .post-prev
e .post-next
.
HTML
<a href="#" class="btn-abs prev-new hide show_post">◄</a>
<a href="#" class="btn-abs next-new hide show_post">►</a>
JS
$(document).ready(function () {
$(".post-prev, .post-next").hide();
$('.show_post').hover(function(){
$('.post-prev, .post-next').animate({width: '20%'}, 300).show();
}, function(){
//$('.post-prev, .post-next').animate({width: '0'}, 300);
});
});