Problema con If/else Jquery

buen dia a todos.

ya dias estoy tratando de resolver o lograr hacer un efecto en jquery con las variables if/else

la idea es que tengo un div en left=0px
quiero decirle que al hacer clic en un boton

si es 0 que se mueva de mil en mil y si es 3 mil que regrese a 0.

Código Javascript :

// JavaScript Document
 $(document).ready(function() {   
      
$(".next").click(function() {
                    
if ($(".galeria").val()=="0px" ) {
    $(".galeria").animate({left: "-=1000px"},1000);
   
}

else if ($(".galeria").val()>="3000px" ) {
    $(".galeria").animate({left: "0px"},1000);
   
}

else{ $(".galeria").animate({left: "1000px"},1000);}
                    
         
});
            
   });

Gracias por su tiempo!

¿A qué le llamas "variables if/else"?.

Por otro lado el método val() sirve para poner u obtener el valor del atributo value de un input o select. Un <div> no tiene value, por lo tanto val() no hará nada en tu código.

Tal vez lo que estás buscando sea .css("left");

Muchas Gracias por la respuesta, jajaja y si creo que de tanta desesperación ni se que escribo jajaja
con lo del .val() fue el ultimo intento que hice,

le hechare un vistazo al link que envias...

Gracias!

Código Javascript :

// JavaScript Document
 $(document).ready(function() {
$(".galeria img").addClass('galeria2')
            $("p").fadeIn(2000);
            
      
$(".next").click(function() {
   var mover = $(".galeria").css("left");                 
if (mover == "0px" ) {
   
    $(".galeria").animate({left: "-=100px"},1000);
   
}

else if (mover >= "50px")
{
   alert();
                 
}
});
            
                     });

este el código actual que estoy utilizando pero todavía tengo problemas con el "else if"
el "if" funciona bien...