jQueryは2回目のクリックでは発生しますが、最初には発生しません。

Question

他のスレッドをチェックしましたが、コードに対応する応答が見つからないようです。私の問題は、その時、それは完璧に動作指し、二クリックで唯一の火災の私のクリックイベントである（第2クリックで開き、第三のクリックで閉じ、第四が開き、等...）

$('.expand-btn').click(function() { 
     var clicks = $(this).data('clicks'); 
     if (clicks) { 
     $('.expand-wrapper').animate({ 
      right: "0" 
     }, 500, function() { 

     }); 
     } else { 
     $('.expand-wrapper').animate({ 
      right: "-325px" 
     }, 500, function() { 

     }); 
     } 
     $(this).data('clicks', !clicks); 
    }); 

編集：ここに私のHTMLコードです。 this jquery pluginのように動作します。.expand-wrapperは画面外に隠れている連絡フォームで、.expand-btnは画面の側にありクリック可能な小さなフラップです。

<div class="expand-wrapper"> 
    <a href="#" class="expand-btn"><i class="fa fa-envelope-o" aria-hidden="true"></i> Contact</a> 
    <div class="expand-form"> 
     <?php echo do_shortcode('[contact-form-7 id="2173" title="Home 01 Request_no_title"]'); ?> 
    </div> 
</div> 

Answer 1

（あなたが最初のクリックの終わりにそれを設定しているとし、期待どおりに動作するように見える）これはあなたのdata-clicks属性があなたの要素に初期化されていない問題のように聞こえます。

次のようにあなたの.expand-btn要素でそれを初期化してみてください。

<a href="#" class="expand-btn" data-clicks='false'>...</a> 

をそれとも、ボタン要素を複数展開するしている場合は、ページがロードされたとき、あなたが使用してそれらを初期化することができますjQueryの：

$(function(){ 
    $('.expand-btn').data('clicks',false); 
});