0

このスライダーは CSS と jquery でうまく機能しますが、1 つの問題があります。最初のタブをクリックするとアニメーションが再生されます (以下を参照)。コードに大きな変更を加えたくないので、必要なものを追加するだけでコードを同様に保つようにしてください。

これは私のJavascriptです：

$(".guitar").click(function(){
$(".guitar_content").css({display: "block"}).animate({width: "500px"},1000);
$(".guitar_text").delay(1200).animate({opacity: "1"},600);

表示する DIV と拡大する幅を変更して、スライドのように見せるだけです。直後にテキストがフェードインします。

4

1 に答える 1

1

あなたはその$.toggle()機能が欲しいです。

$(".guitar").toggle(
    function(){
        $(".guitar_content").css({display: "block"}).animate({width: 500},1000);
        $(".guitar_text").delay(1200).animate({opacity: 1},600);
    },
    function(){
        // Reset previous values.
        $(".guitar_content").css({display: "inline"}).animate({width: 0},1000);
        $(".guitar_text").delay(1200).animate({opacity: 0},600);
    }
);
于 2012-06-20T14:07:11.883 に答える