jquery change display does not work

Question

「ボタン」が押されたときにdivが表示されるようにしたい。ここ はボタンを表しhtmlです：ボタンが押される前に、ここで

<span id='dl' class='btn' data-app-id=''>DOWNLOAD<br/>FREE</span></div> 

は、その初期段階でのdivのhtmlです。私は個人的にそれがあるとして代わりに表示の切り替えを使用して非表示にすることを好む

.box { 
    position: absolute; 
    background: #4d0404; 
    opacity: none; 
    z-index: 9001; 
    -webkit-box-shadow: 0 5px 7px black; 
    text-align: center; 
    color: white; 
    top: 50px; 
} 

Answer 1

：

$("#dl").live("click", function() { 
    $("#dlblank").toggle(); 
    $("#dlbox").toggle(); 
});​ 

"切り替え" のdivのCSS：

<div class='box' id='dlbox' style='display:none'> 
    <div class='title'> 
     <span class='text'>Confirm install</span> 
     <span id='x1' class='x'></span> 
    </div> 
    <p>Click to install </p> 
    <p><?php echo "<span style='font-weight:bold'>$app->appName</span>"; ?></p> 
</div>​ 

jqueryのはこれです何が起きているのかがはっきりと分かります。私はまた、jqueryにdisply noneを置くだろう。

$('#dlbox').css('display':'none'); 
$(document).ready(function() { 
     $("#dl").live("click", function(){ 
      $("#dlbox").show() 
     }); 
    }); 

Answer 2

あなたがここに

<div><span id='dl' class='btn' data-app-id=''>DOWNLOAD<br/>FREE</span></div> 

を<div>タグを開いて見逃しているまず第一にそれ以外の場合は、あなたのコードは、良い作品とあなたのコードは、あなたのために働くことができない唯一の理由は、あなたが使用していることをすることができ古いバージョンのjQuery（例えば1.2.6）とライブ関数はここでは定義されていません。

私はjsfiddleを作成しました、あなたはhttp://jsfiddle.net/9wLjL/

Answer 3

あなたはマークアップエラーを持って、ここでそれを見ることができます。閉鎖</div>オープニングなし。最初の行で

次に、.bind()を使用しないことをお勧めします。これは非推奨です。代わりに.on()を使用してください。 div

Answer 4

なし

$("#dl").on("click", function(){ 
    $("#dlblank").toggle(); 
$("#dlbox").toggle();}); 

Demo_{は$('#dl').click(function(){ /*....*/ }作品をしました。}