jQueryめも

最初は非表示で、ボタンクリックで表示・非表示を切り替えます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
$(function(){
    $('#button').on('click', function() {
        if ($('#detail').css('display') == 'none') {
            $('#detail').slideDown();
            $('#button').text('非表示');
        } else {
            $('#detail').slideUp();
            $('#button').text('表示');
        }
    });
});
</script>

<style>
#detail {
    display: none;
}
</style>

<button type="button" id="button">表示</button>

<div id="detail">
    詳細内容
</div>

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2017-06-01 (木) 10:15:17 (506d)