フロントエンドエンジニア 西畑 一馬 http://blog.webcreativepark.net
フロントエンドエンジニア 西畑 一馬
フロントエンドエンジニア 西畑 一馬
フロントエンドエンジニア 西畑 一馬 5/30より電子書籍版が販売開始 ibookstore Amazon Kindle Google Playブックス 楽天kobo BOOK WALKER ニコニコ静画 ほか
<body>! <dl>!! <dt>step.1</dt>!! <dd><p>lorem ipsum!! ( )!! venenatis.</p></dd>!! <dt>step.2</dt>!! <dd><p>integer rhoncus!! ( )!! ultricies accumsan. </p></dd>!! <dt>step.3</dt>!! <dd><p>integer pretium!! ( )!! imperdiet. </p></dd>! </dl> </body>
body{! background:#252422; } dl{! width:800px;! margin:50px auto; } dt{! line-height:35px;! font-size:large;! text-indent:3em;! font-weight:bold;! color:white;! height:35px; dd{! margin:0;! height:300px;! background:#d4d0c8; } dd p{! margin:0;! text-indent:1em;! padding:20px; }!! background:url("images/background.jpg") }
$(function(){! $("dd:not(:first-of-type)").css("display","none");! $("dt").click(function(){!! if($("+dd",this).css("display")=="none"){!!! $("dd").slideup(400);!!! $("+dd",this).slidedown(400);!! }! }); });
$(function(){! $("dd:not(:first-of-type)").css("display","none");! $("dt").click(function(){!! if($("+dd",this).css("display")=="none"){!!! $("dd").slideup(400);!!! $("+dd",this).slidedown(400);!! }! }); });
$(function(){! $("dd:not(:first-of-type)").css("display","none");! $("dt").click(function(){!! if($("+dd",this).css("display")=="none"){!!! $("dd").slideup(400);!!! $("+dd",this).slidedown(400);!! }! }); });
$(function(){! $("dd:not(:first-of-type)").css("display","none");! $("dt").click(function(){!! if($("+dd",this).css("display")=="none"){!!! $("dd").slideup(400);!!! $("+dd",this).slidedown(400);!! }! }); });
$(function(){! $("dd:not(:first-of-type)").css("display","none");! $("dt").click(function(){!! if($("+dd",this).css("display")=="none"){!!! $("dd").slideup(400);!!! $("+dd",this).slidedown(400);!! }! }); });
$(function(){! $("dd:not(:first-of-type)").css("display","none");! $("dt").click(function(){!! if($("+dd",this).css("display")=="none"){!!! $("dd").slideup(400);!!! $("+dd",this).slidedown(400);!! }! }); });
$("+dd",this).css("display")
$("+dd",this).css("display")
$(function(){! $("dd:not(:first-of-type)").css("display","none");! $("dt").click(function(){!! if($("+dd",this).css("display")=="none"){!!! $("dd").slideup(400);!!! $("+dd",this).slidedown(400);!! }! }); });
$(function(){! $("dd:not(:first-of-type)").css("display","none");! $("dt").click(function(){!! if($("+dd",this).css("display")=="none"){!!! $("dd").slideup(400);!!! $("+dd",this).slidedown(400);!! }! }); });