地方でリモートワーク

プログラミング、先物、fx,仮想通貨なんでもやります

jqueryを使ってボタンを押したらブロック要素を表示する方法

スポンサーリンク

f:id:ihatov08:20160801223303j:plain

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    // 「id="hidden-box"」を非表示
    $("#hidden-box").css("display", "none");
 
    // 「id="toggle-button"」がクリックされた場合
    $("#toggle-button").click(function(){
        // 「id="hidden-box"」の表示、非表示を切り替える
        $("#hidden-box").toggle();
    });
});
</script>

<div id="toggle-button">クリック(jQuery)</div>
<div id="hidden-box">
    <p>jQueryを使用し表示・非表示</p>
</div>