-1

divテキストのコンテナをフェードせずに a のテキストをフェードする必要があります。これが私の作品です。テキストの周りのコンテナdiv( )を削除できるように、現在 7 行目と同じように 8 行目を機能させる必要があります。content言い換えればdiv、クリック時の a のテキストの色の変化をアニメーション化する必要があります。何か案は？

$(document).ready( function(){
    var x = false;
    $('#changeWidth').click(function() {
        if(x){}
        else{
            x = true;
            $(".content").fadeToggle(300);
            //$("#changeWidth").html().fadeToggle(300);
            var toggleWidth = $(".inner").width() == 30 ? "350px" : "30px";
            var toggleHeight = $(".inner").height() == 10 ? "48px" : "10px";
            $('.inner').animate({ width: toggleWidth, height: toggleHeight });
            setTimeout(function(){x=false;},500);
        }
    });
});

前もって感謝します

編集:この質問を数か月後に振り返ってみると、これはCSS トランジションとトグルを使用して行う方法です

4

1 に答える 1

2

フィドル。これはあなたのニーズに合っていますか？これを行うことができます：

HTML:

<p class="toHide">jQuery</p>

JS:

$('.toHide').click(function(){
    $(this).css('color', 'white');
});

色にアニメーションを使用する場合は、次のプラグインを含める必要があります: https://github.com/jquery/jquery-color

$('.toHide').click(function(){
    $(this).animate{(color: 'white'), 50};
});

または、CSS トランジションで toggleClass() を使用できます!! (これが最良の選択肢です!!):

$('.toHide').click(function(){
    $(this).toggleClass('colorWhite');
});
于 2013-06-11T17:02:39.930 に答える