Que tal a todos, espero me puedan ayudar.
Lo que quiero hacer, es un botón tipo "Me gusta", en donde si no está el mouse sobre, tiene un estilo, al poner el mouse, cambia. Este botón muestra cuantos me gusta tiene, si alguien le da click se le suma y el estilo cambia como si estuviera sobre el botón. Si vuelve a dar click, es como si señalara que no le gusta, se resta uno y el estilo cambia al primero.
El problema es que el primer click está correcto, pero para quitar el "me gusta" se tiene que dar dos veces click.
Anexo el código, ojalá me puedan decir en que estoy equivocado, no se mucho de Jquery.
Código PHP:
function fav(num){
var variable_post=num;
//// Verificamos la ruta entregada por miscript.php
$("#fav" + num).click(function(){
if( $(this).attr("class") == "fav"){
$(this).removeClass().addClass("fav_ret");
$.post("include/votes.php", { variable: variable_post }, function(data){
});
var contenido = $("#nav" + num).text();
var final = parseInt(contenido) + parseInt(1);
$("#nav" + num).html(final);
} else {
$(this).removeClass().addClass("fav");
$.post("include/votes.php", { variable: variable_post, variable2: 1 }, function(data){
});
var contenido = $("#nav" + num).text();
var final = parseInt(contenido) - parseInt(1);
$("#nav" + num).html(final);
}
});
}
Gracias