2012-01-15 9 views
-1

私はjQueryにボタンがあります。その目的は、起動時にユーザーのために小さなテキストブロックを表示して非表示にすることです。 はここで完全なウェブサイトです:https://gist.github.com/1616366jQueryの応答しないボタン。応答と再読み込みに時間がかかります

そしてここでjQueryのコードです:はい、

$(document).ready(function() 
    { 
     $("p#derp").hide(); 
     $("button").click(function(){ 
      $("p#derp").slideDown("medium"); 
       $("button").click(function() { 
        $("p#derp").hide(); 
        }); 
     }); 
    }); 

それは動作しますが、あなたはそれがもう一度押すと起動することができる前に約3秒を待たなければなりません。 別の$ document.ready(function()})を作成しようとしました。 button.click関数を丸めて非表示にしますが、問題を解決していないようです。私はあなたがstop機能に入れているか覚えていないことができますが、迅速なGoogleは、ほとんどの場合で使用されるべきである何を教えてください

$("button").click(function() { 
    if($("p#derp").is(":visible")) { 
     $("p#derp").stop(0, 0).hide(); 
    } else { 
     $("p#derp").stop(0, 0).show(); 
    } 
}); 

注:次のような

+0

<p id='derp' style="displan: none;"> In this homework assignment, we had to make this website and compare two programs in different language to see the key differences between ActionScript and Java</p> 

...とにあなたのJavaScriptを変更します速度? – Mottie

+1

別の 'click'ハンドラで' click'ハンドラをバインドしないでください... –

+0

また、あなたのマークアップは[非常に壊れています](http://validator.w3.org/)です。 –

答えて

0

そのように、この段落は隠された(style="displan: none;")を行います。あなたがより速くに `slideDown()`関数を設定してみました

$(document).ready(function() { 
    $("button").click(function() { 
     $('p#derp').slideToggle(500); 
    }); 
}); 
+0

あなたのために働きますか? – PrimosK

関連する問題