(function ($) { $("#btn-01").on("click", function () { $("#test").show(); // CSSでdisplay: none;しているので、実行しても表示されない。 }); }(jQuery));
<div id="test"> <p>テストです。</p> </div><!-- /#test --> <div> <button id="btn-01">Show</button> </div>
p{ margin: 0; } #test{ display: none; margin-bottom: 20px; width: 200px; height: 150px; background-color: #efefef; }