-1 
$("#bottomWatch").click(function(){
                var doops = $(".videoMove").display;

                if (doops == "none") {  
                $("#video").css("left","15%", "display: block");
                 } else {
                $(".videoMove").css("left","200%", "display: none");
                });

ここで正しい考えがありますか？どうすればいいですか？ボタンをクリックしたいのですが、IDが非表示の場合はブロックとして表示されて引き込まれ、そうでない場合は200％戻って非表示になります。

トグルは、私がやっていることでは機能しません。

4

4 に答える 4

6

is次の方法を使用する必要があります。

if ($('.videoMove').is(':hidden')) {
    ...
} else {
    ...
}
于 2012-11-02T17:32:14.007 に答える
1

これを試して：

$("#bottomWatch").click(function() {
    if ($(".videoMove").is(":hidden")) {
        console.log("hidden");
        $('.videoMove').show().animate({
            'left': '200px',
        }, "slow", function() {
           //callback
        });
    } else {
        $('.videoMove').animate({
            'left': '280px'
        }, "slow", function() {
            //done
            $(this).hide();
        });
    }
});​

働くフィドル

于 2012-11-02T18:15:18.717 に答える
0 
if ($(".videoMove").is(":hidden")) {
   ///...
}
于 2012-11-02T17:32:01.120 に答える
0

.display は jQuery プロパティではありません ...

交換

var doops = $(".videoMove").display;

と

var doops = $(".videoMove").css('display');   // jQuery Object

また

 var doops = $(".videoMove").get().style.display;  // DOM Object
于 2012-11-02T17:32:19.587 に答える