jquery - 1つのボタンを使用してFadeIn/FadeOutを切り替えます

Question

私は現在、このコードを使用して、.infoテキストをフェードインおよびフェードアウトするためのトグルとしてのクラスを持つボタンを使用しようとしています。現在、アニメーションはこのコードで連続して実行されています。ボタンを1回クリックして、数秒後にフェードアウトせずにテキストをフェードインさせる方法はありますか？ボタンをもう一度クリックしたときのフェードアウトについても同じことが言えます。

$('.info').click(function() {
    $('h7').fadeIn(750);
});

$('.info').click(function() {
    $('h7').fadeOut(750);
});         

Answer 1

あなたはfadeToggle（）を使うことができます

$('.info').click(function() {
    $('h7').fadeToggle(750);
}

Answer 2

$('info').click(function(){
    $('h7').fadeToggle(750);
});