照合する部門は、現在のページ

Question

私は学ぶjQuery、これが私のコードをこれまで:

<script type="text/javascript">
$(document).ready(function(){
    $('#login').click(function(){
        $('#login-box').fadeIn('fast');
    });
});
</script>

ときにはログインボタンをクリックし、DIVという login-box を見ることができるので行っていただきます。私た場合は、ログインボタンをクリックされたもの login-box DIVまでフェードからページです。池尾：そういうふうに考えていいのか。したヴィッセル神戸は、神戸市:

$(document).ready(function(){
    $('#login').click(function(){
        if(login-box-is-showing)
        {
            $('#login-box').fadeOut('fast');
        } else {
            $('#login-box').fadeIn('fast');
        }
    });
});

がとても面白かった時どうするかどうかを判断しますDIVを示しています。も見えるjQueryには切り替え機能のようです。

感謝。

Answer 1

から Karl Swedberg

jQuery.fn.fadeToggle = function(speed, easing, callback) { 
   return this.animate({opacity: 'toggle'}, speed, easing, callback); 
};

そして、これを実行する事ができます。:

$("#login").click(function () { 
         $("#login-box").fadeToggle() 
 }); 

Answer 2

$("#login-box:visible") まだの場合は目に見えながら $("#login-box:hidden") ばいとなります。しかし、や取扱いにつきましてこれを利用する $.toggle() も $.slideToggle() ただ、チェックインの追加。

Answer 3

たいと思いますの使用 切り替え().