jQuery別のクラスがクリックされたときに1つのクラスを切り替える

Question

あるクラスが-200pxのmarginTopを持つという条件の下で別のクラスがクリックされたときに、あるクラスをトリガーするif elseステートメントを作成しようとしています。

声明場合、私はこれを使用してみましたが、それは動作しません：

if ($('.logintrigger').click() && $('.register').css('marginTop') === '-200px') { 
     $('.registertrigger').toggle(
      function() {$('.register').stop().animate({'marginTop':'-0px'},200); $('#opencloseregister').css({'backgroundPosition':'-20px 0px'});} 
     ); 
    } 

任意の提案を？あなたはクリックイベントを呼び出している

Answer 1

はjQueryを使って適切なifelseの例でjsfiddleを作りました。 http://jsfiddle.net/RQ75m/

$(".logintrigger").click(function(){ 

    if($(".register").css("margin-top") == "200px"){ 

     $(".registertrigger").show(); //toggle function here 
     return false; //so that the page doesn't refresh 

    } else { 

     $(".registertrigger").hide(); 
     return false; //so that the page doesn't refresh 

    } 

});​ 

Answer 2

、私はあなたが単にあなたの表現を手直しする必要があるようですね

$('.logintrigger').click(function(e){ 
    if($('.register').css('marginTop') === '-200px'){ 
    $('.registertrigger').toggle(); 
    } 
}); 

Answer 3

...あなたはクリックイベントにイベントを追加したいと思います。問題は、イベントハンドラをアタッチするだけで、要素がクリックされたかどうかを確認しようとしていることです。

$('.loginTrigger').click(function() 
{ 
    if('.register').css('marginTop') === '-200px') 
    { 
     // Do Stuff 
    } 
}); 

Answer 4

$('.logintrigger').click()を呼び出すと、クリックイベントがトリガーされます。 それは次のようになります。

if ($('.logintrigger').click(function(){ 
    if ($('.register').css('marginTop') === '-200px') { 
     $('.registertrigger').toggle(
      function() { 
       $('.register').stop().animate({'marginTop':'-0px'},200); 
       $('#opencloseregister').css({'backgroundPosition':'-20px 0px'}); 
      } 
     ); 
    } 
}) 

Answer 5

$('.logintrigger').on('click', function(){ 

    if($('.register').css('marginTop')==='200px') { 

     $('.registertrigger').toggle(function() { 

      $('.register').stop().animate({'marginTop': 0 },200); 
      $('#opencloseregister').css({'backgroundPosition':'-20px 0px'}); 

     }); 

    } 

});