クリックで開閉する 2017年9月20日 / miuratta / 0 Comments クリックで開閉する from sayoko miura See the Pen <a href='https://codepen.io/miuratta/pen/XedeOK/'>XedeOK</a> by noce (<a href='https://codepen.io/miuratta'>@miuratta</a>) on <a href='https://codepen.io'>CodePen</a>.</p> </div><!-- .post-content --> <div class="post-cat-tags"> <p class="post-categories">Categories: <a href="https://noce-w.com/miuratta/category/jquery/" rel="category tag">jQuery</a>, <a href="https://noce-w.com/miuratta/category/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/" rel="category tag">スライド</a></p> </div><!-- .post-cat-tags --> </div><!-- .content-inner --> </article> <nav class="navigation post-nav" aria-label="投稿"> <h2 class="screen-reader-text">投稿ナビゲーション</h2> <div class="nav-links"><div class="nav-previous"><a href="https://noce-w.com/miuratta/howtojquery/" rel="prev">jQueryいろいろな書き方</a></div><div class="nav-next"><a href="https://noce-w.com/miuratta/readstylesheet/" rel="next">外部スタイルシートの読み込み</a></div></div> </nav> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">コメントを残す <small><a rel="nofollow" id="cancel-comment-reply-link" href="/miuratta/clickopen/#respond" style="display:none;">コメントをキャンセル</a></small></h3><form action="https://noce-w.com/miuratta/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">メールアドレスが公開されることはありません。</span> <span class="required-field-message"><span class="required">※</span> が付いている欄は必須項目です</span></p><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">名前 <span class="required">※</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p> <p class="comment-form-email"><label for="email">メール <span class="required">※</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p> <p class="comment-form-url"><label for="url">サイト</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p> <p><img src="http://noce-w.com/miuratta/wp-content/siteguard/331917066.png" alt="CAPTCHA"></p><p><label for="siteguard_captcha">上に表示された文字を入力してください。</label><br /><input type="text" name="siteguard_captcha" id="siteguard_captcha" class="input" value="" size="10" aria-required="true" /><input type="hidden" name="siteguard_captcha_prefix" id="siteguard_captcha_prefix" value="331917066" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='131' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="4d70590f6a" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="9"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><!-- #respond --> </div><!-- .singular-container --> </div><!-- .content section-inner --> <footer class="footer section" id="site-footer"> <div class="footer-inner section-inner group sidebar-count-1"> <div class="footer-a widgets"> <div id="recent-posts-2" class="widget widget_recent_entries"><div class="widget-content"> <h3 class="widget-title">最近の投稿</h3> <ul> <li> <a href="https://noce-w.com/miuratta/standard-notes/">スタンダード注意点</a> </li> <li> <a href="https://noce-w.com/miuratta/group-html/">骨組みのHTML</a> </li> <li> <a href="https://noce-w.com/miuratta/get-child-element/">子要素の取得</a> </li> <li> <a href="https://noce-w.com/miuratta/prev-next/">要素指定</a> </li> <li> <a href="https://noce-w.com/miuratta/jquery-place/">jQueryの記述場所</a> </li> </ul> </div><div class="clear"></div></div><div id="archives-2" class="widget widget_archive"><div class="widget-content"><h3 class="widget-title">アーカイブ</h3> <ul> <li><a href='https://noce-w.com/miuratta/2023/05/'>2023年5月</a></li> <li><a href='https://noce-w.com/miuratta/2020/05/'>2020年5月</a></li> <li><a href='https://noce-w.com/miuratta/2019/09/'>2019年9月</a></li> <li><a href='https://noce-w.com/miuratta/2018/09/'>2018年9月</a></li> <li><a href='https://noce-w.com/miuratta/2018/08/'>2018年8月</a></li> <li><a href='https://noce-w.com/miuratta/2018/05/'>2018年5月</a></li> <li><a href='https://noce-w.com/miuratta/2018/04/'>2018年4月</a></li> <li><a href='https://noce-w.com/miuratta/2017/10/'>2017年10月</a></li> <li><a href='https://noce-w.com/miuratta/2017/09/'>2017年9月</a></li> </ul> </div><div class="clear"></div></div><div id="categories-2" class="widget widget_categories"><div class="widget-content"><h3 class="widget-title">カテゴリー</h3> <ul> <li class="cat-item cat-item-6"><a href="https://noce-w.com/miuratta/category/css/">CSS</a> </li> <li class="cat-item cat-item-2"><a href="https://noce-w.com/miuratta/category/html/">HTML</a> </li> <li class="cat-item cat-item-1"><a href="https://noce-w.com/miuratta/category/jquery/">jQuery</a> </li> <li class="cat-item cat-item-5"><a href="https://noce-w.com/miuratta/category/%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89/">スライド</a> </li> <li class="cat-item cat-item-3"><a href="https://noce-w.com/miuratta/category/%e6%a4%9c%e5%ae%9a%e5%af%be%e7%ad%96/">検定対策</a> </li> </ul> </div><div class="clear"></div></div> </div><!-- .widgets --> </div><!-- .footer-inner --> </footer><!-- #site-footer --> <div class="credits section"> <div class="credits-inner section-inner"> <p class="credits-left"> <span>Copyright</span> © 2025 <a href="https://noce-w.com/miuratta">miuratta note</a> </p> <p class="credits-right"> <span>Theme by <a href="https://andersnoren.se">Anders Noren</a> — </span><a class="tothetop">Up ↑</a> </p> </div><!-- .credits-inner --> </div><!-- .credits --> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/miuratta\/*"},{"not":{"href_matches":["\/miuratta\/wp-*.php","\/miuratta\/wp-admin\/*","\/miuratta\/wp-content\/uploads\/*","\/miuratta\/wp-content\/*","\/miuratta\/wp-content\/plugins\/*","\/miuratta\/wp-content\/themes\/miuratta\/*","\/miuratta\/wp-content\/themes\/lingonberry\/*","\/miuratta\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <!-- GTM Container placement set to footer --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TCLJGFN" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true">
