{"id":172,"date":"2011-11-13T14:43:56","date_gmt":"2011-11-13T19:43:56","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/carlita\/?p=172"},"modified":"2011-11-13T14:50:38","modified_gmt":"2011-11-13T19:50:38","slug":"jqueryui-hello-accordion","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/carlita\/2011\/11\/13\/jqueryui-hello-accordion\/","title":{"rendered":"JQueryUI Hello accordion"},"content":{"rendered":"<p><strong>=)Paso#1: Insertar la porci\u00f3n de tags que se convertiran formaran el accordion<\/strong><\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;head&gt;<\/p>\n<p>&lt;title&gt;pagina1&lt;\/title&gt;<\/p>\n<p><strong><span style=\"color: #ff0000\"> &lt;!--AQUI SCRIPTs --&gt;<\/span><\/strong><\/p>\n<p>&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p><strong>&lt;div id=\"accordion\"&gt;<\/strong><\/p>\n<ul>\n<li> &lt;h3&gt;&lt;a href=\"#\"&gt;First header&lt;\/a&gt;&lt;\/h3&gt;<\/li>\n<li> &lt;div&gt;First content&lt;\/div&gt;<\/li>\n<\/ul>\n<ul>\n<li> &lt;h3&gt;&lt;a href=\"#\"&gt;Second header&lt;\/a&gt;&lt;\/h3&gt;<\/li>\n<li> &lt;div&gt;Second content&lt;\/div&gt;<\/li>\n<\/ul>\n<p><strong>&lt;\/div&gt;<\/strong><\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<p><strong>=)Paso#2: \/\/A\u00f1adir los css y js de JQueryUI y JQuery<\/strong><\/p>\n<div id=\"_mcePaste\"><span style=\"color: #ff0000\"><strong>&lt;link rel=\"stylesheet\" href=\"css\/ui-lightness\/jquery-ui-1.8.16.custom.css\"&gt;<\/strong><\/span><\/div>\n<div id=\"_mcePaste\"><span style=\"color: #ff0000\"><strong>&lt;script src=\"js\/jquery-1.6.2.min.js\"&gt;&lt;\/script&gt;<\/strong><\/span><\/div>\n<div id=\"_mcePaste\"><span style=\"color: #ff0000\"><strong>&lt;script src=\"js\/jquery-ui-1.8.16.custom.min.js\"&gt;&lt;\/script&gt;<\/strong><\/span><\/div>\n<div id=\"_mcePaste\"><span style=\"color: #ff0000\"><strong>&lt;script&gt;<\/strong><\/span><\/div>\n<div id=\"_mcePaste\">$(function() {<\/div>\n<div id=\"_mcePaste\"><strong> $( \"#accordion\" ).accordion(); \/\/este convierte esos tags en accordion<\/strong><\/div>\n<div id=\"_mcePaste\">});<\/div>\n<div id=\"_mcePaste\"><span style=\"color: #ff0000\"><strong>&lt;\/script&gt;<\/strong><\/span><\/div>\n<div><\/div>\n<div><span style=\"color: #ff0000\"><strong><span style=\"color: #000000\"><strong>As\u00ed\u00a0a cualquier div que tengas a\u00f1\u00e1dele un header h3 y te queda un lindo accordion =)<\/strong><\/span><\/strong><\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>=)Paso#1: Insertar la porci\u00f3n de tags que se convertiran formaran el accordion &lt;html&gt; &lt;head&gt; &lt;title&gt;pagina1&lt;\/title&gt; &lt;!--AQUI SCRIPTs --&gt; &lt;\/head&gt; &lt;body&gt; &lt;div id=\"accordion\"&gt; &lt;h3&gt;&lt;a href=\"#\"&gt;First header&lt;\/a&gt;&lt;\/h3&gt; &lt;div&gt;First content&lt;\/div&gt; &lt;h3&gt;&lt;a href=\"#\"&gt;Second header&lt;\/a&gt;&lt;\/h3&gt; &lt;div&gt;Second content&lt;\/div&gt; &lt;\/div&gt; &lt;\/body&gt; &lt;\/html&gt; =)Paso#2: \/\/A\u00f1adir los css y js de JQueryUI y JQuery &lt;link rel=\"stylesheet\" href=\"css\/ui-lightness\/jquery-ui-1.8.16.custom.css\"&gt; &lt;script src=\"js\/jquery-1.6.2.min.js\"&gt;&lt;\/script&gt; &lt;script src=\"js\/jquery-ui-1.8.16.custom.min.js\"&gt;&lt;\/script&gt; &lt;script&gt; $(function() { [&hellip;]<\/p>\n","protected":false},"author":3419,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[83961,3949,83962,83957],"class_list":["post-172","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-accordion","tag-jquery","tag-jqueryui","tag-ui"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/posts\/172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/users\/3419"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/comments?post=172"}],"version-history":[{"count":5,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/posts\/172\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/posts\/172\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/media?parent=172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/categories?post=172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/carlita\/wp-json\/wp\/v2\/tags?post=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}