{"id":95,"date":"2008-04-01T13:25:22","date_gmt":"2008-04-01T11:25:22","guid":{"rendered":"http:\/\/www.hermione.de\/blog\/?p=95"},"modified":"2008-05-13T13:55:49","modified_gmt":"2008-05-13T11:55:49","slug":"accordion-jquery","status":"publish","type":"post","link":"http:\/\/blog.hermione.de\/?p=95","title":{"rendered":"Accord[i|e]on [jquery]"},"content":{"rendered":"<h4>Aufklapp-Dingsel mit jquery<\/h4>\n<h4 class=\"accUl_top\">review<\/h4>\n<h4 class=\"accUl\">maerz<\/h4>\n<ul class=\"accUl\">\n<li>abc<\/li>\n<li>abc<\/li>\n<li>abc<\/li>\n<\/ul>\n<h4 class=\"accUl\">oktober<\/h4>\n<ul class=\"accUl\">\n<li>abc<\/li>\n<li>abc<\/li>\n<li>abc<\/li>\n<\/ul>\n<h4 class=\"accUl\">januar<\/h4>\n<ul class=\"accUl\">\n<li>abc<\/li>\n<li>abc<\/li>\n<li>abc<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<h4>javascript<\/h4>\n<table class=\"rosa\">\n<tbody>\n<tr>\n<td>\n<pre><code>&lt;script type=\"text\/javascript\"&gt;\r\n$(document).ready(function(){\r\n   $(\"ul.accUl\").hide();\r\n   <strong>\/\/das zweite element ist aufgeklappt<\/strong>\r\n   $(\"ul.accUl\").eq(1).show();\r\n\r\n   $(\"h4.accUl\").click(function() {\r\n      $(this).next(\"ul\").slideToggle(\"slow\")\r\n      .siblings(\"ul\").slideUp(\"slow\");\r\n   });\r\n});\r\n&lt;\/script&gt;<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>stylesheets<\/h4>\n<table class=\"rosa\">\n<tbody>\n<tr>\n<td>\n<pre><code><strong>\/\/ oberste zeile (fix)<\/strong>\r\nh4.accUl_top {\r\n   border: solid 1px #133;\r\n   background: #244;\r\n   padding: 2px;\r\n   margin: 0px;\r\n   width: 230px;\r\n   color: white;\r\n}\r\n\r\nh4.accUl {\r\n   border: solid 1px #688;\r\n   background: #8bb;\r\n   padding: 2px;\r\n   margin: 0px;\r\n   width: 230px;\r\n   color: #333;\r\n}\r\n\r\nh4.accUl:hover {\r\n   background: #488;\r\n}\r\n\r\nul.accUl {\r\n   list-style-type: none;\r\n   margin: 0px;\r\n   padding: 2px;\r\n   border: solid 1px #acc;\r\n   border-bottom: none;\r\n   background: #bdd;\r\n   width: 230px;\r\n}<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>links<\/h4>\n<p><a href=\"http:\/\/www.webdesignerwall.com\/tutorials\/jquery-tutorials-for-designers\/\">jquery tutorial for designers<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aufklapp-Dingsel mit jquery review maerz abc abc abc oktober abc abc abc januar abc abc abc<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts\/95"}],"collection":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=95"}],"version-history":[{"count":0,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts\/95\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=95"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=95"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}