{"id":338,"date":"2021-03-31T14:38:53","date_gmt":"2021-03-31T17:38:53","guid":{"rendered":"https:\/\/untura.com\/?p=338"},"modified":"2021-03-31T14:41:26","modified_gmt":"2021-03-31T17:41:26","slug":"transformando-colunas-do-footer-em-dropdowns-no-mobile","status":"publish","type":"post","link":"https:\/\/untura.com\/en\/wordpress\/javascript\/transformando-colunas-do-footer-em-dropdowns-no-mobile\/","title":{"rendered":"Transformando colunas do Footer em dropdowns no mobile"},"content":{"rendered":"<p>Para o footer n\u00e3o ficar muito extenso no mobile com uma coluna de links em cima da outra, esse c\u00f3digo jQuery vai ajudar a aplicar uma classe ao clicar no t\u00edtulo da coluna, mostrando o restante dos elementos dela:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>jQuery('.footer-col').click(function () {\r\n    jQuery(this).find('.footer-content').toggleClass('visible');\r\n});<\/code><\/pre>\n\n\n\n<p>Basicamente o que o c\u00f3digo acima faz \u00e9: ao clicar na div contendo a classe .footer-col, adiciona uma classe .visible na div que cont\u00e9m a classe .footer-content. Com essa classe '.visible' voc\u00ea fica livre para aplicar o CSS desejado para mostrar\/esconder o conte\u00fado dependendo do estado usando a classe combinada '.footer-content.visible'.<\/p>\n\n\n\n<p>Caso eu lembre daqui uns dias, adiciono um exemplo de CSS aqui.<\/p>","protected":false},"excerpt":{"rendered":"<p>Para o footer n\u00e3o ficar muito extenso no mobile com uma coluna de links em cima da outra, esse c\u00f3digo jQuery vai ajudar a aplicar uma classe ao clicar no t\u00edtulo da coluna, mostrando o restante dos elementos dela: Basicamente o que o c\u00f3digo acima faz \u00e9: ao clicar na div contendo a classe .footer-col,<a href=\"https:\/\/untura.com\/en\/wordpress\/javascript\/transformando-colunas-do-footer-em-dropdowns-no-mobile\/\" class=\"more-link\">...leia mais<\/a><\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ct_builder_shortcodes":"","ct_template_type":"","ct_parent_template":0,"footnotes":""},"categories":[6,1],"tags":[],"class_list":["post-338","post","type-post","status-publish","format-standard","hentry","category-javascript","category-geral"],"acf":[],"_links":{"self":[{"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/posts\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":2,"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/posts\/338\/revisions"}],"predecessor-version":[{"id":341,"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/posts\/338\/revisions\/341"}],"wp:attachment":[{"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/media?parent=338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/categories?post=338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/untura.com\/en\/wp-json\/wp\/v2\/tags?post=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}