{"id":817,"date":"2015-07-21T12:58:17","date_gmt":"2015-07-21T10:58:17","guid":{"rendered":"http:\/\/semmelweis.hu\/wiki\/?p=817"},"modified":"2024-06-14T15:26:14","modified_gmt":"2024-06-14T13:26:14","slug":"lenyilo-es-felzarodo-funkcio-expandcollapse","status":"publish","type":"page","link":"https:\/\/semmelweis.hu\/wiki\/kiegeszito-eszkozok\/lenyilo-es-felzarodo-funkcio-expandcollapse\/","title":{"rendered":"Leny\u00edl\u00f3 \u00e9s felz\u00e1r\u00f3d\u00f3 funkci\u00f3 (Expand\/collapse)"},"content":{"rendered":"<div class=\"lead\">Ennek a funkci\u00f3nak a haszn\u00e1lat\u00e1t halad\u00f3 felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra aj\u00e1nljuk!<\/div>\n<p>Az al\u00e1bbi linkekre kattintva a leny\u00edl\u00f3 \u00e9s felz\u00e1r\u00f3d\u00f3 funkci\u00f3 m\u0171k\u00f6d\u00e9se k\u00f6nnyed\u00e9n \u00e9rtelmezhet\u0151:<\/p>\n<div class=\"exp-col-content-holder\"><a class=\"expand-content-link\" href=\"#\"><strong>Els\u0151 leny\u00edl\u00f3 link<\/strong><\/a><\/p>\n<div class=\"hidden-content\">\n<h4><strong>Ide b\u00e1rmilyen k\u00e9p, sz\u00f6veg, t\u00e1bl\u00e1zat tehet\u0151&#8230;<\/strong><\/h4>\n<p><a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-3006\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr-400x267.jpg\" alt=\"\" width=\"400\" height=\"267\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr-400x267.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr-1024x683.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr-150x100.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr-768x512.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr-753x502.jpg 753w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr-203x135.jpg 203w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr.jpg 1200w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sagittis ex ultrices maximus vulputate. Nunc consequat vel ligula eget gravida. Maecenas aliquet lorem et porttitor convallis. Nunc elementum erat sit amet nisi bibendum feugiat. Nam et nisl justo. Sed at consectetur metus. Pellentesque lacinia diam odio, nec iaculis urna gravida in. Ut in tempus nunc. Nunc eu ornare sem. Nullam congue eu quam vitae tincidunt. Etiam lectus leo, maximus non tortor quis, porta viverra elit. Suspendisse placerat, nulla quis malesuada sollicitudin, augue odio imperdiet lectus, sit amet vestibulum elit eros at mauris. Duis a libero at nibh suscipit dictum non sed lectus.<\/p>\n<p>Nam eget viverra sapien, sed pulvinar lacus. Etiam rhoncus eget dolor vitae dapibus. Aenean hendrerit, magna et fermentum luctus, nibh nisi egestas ipsum, non faucibus sem urna ut libero. Phasellus elementum ante et condimentum auctor. Sed auctor nunc id augue scelerisque semper. Curabitur vulputate urna vitae dui facilisis dignissim. Pellentesque quis facilisis arcu, eu consectetur quam. Pellentesque iaculis, velit vitae rutrum euismod, leo ex mollis ante, condimentum elementum libero est a sapien. Proin rhoncus nulla eu enim pellentesque, at maximus ipsum faucibus. Mauris sed facilisis nunc. Donec volutpat nulla at nunc aliquam convallis. Ut lacinia lacus eu ornare viverra. Vestibulum quam odio, vulputate vitae dignissim ut, pulvinar in nibh. Integer id iaculis urna. Ut ultricies quam eu aliquam eleifend.<\/p>\n<\/div>\n<div class=\"hidden-content\">\u00a0<\/div>\n<\/div>\n<div class=\"exp-col-content-holder\"><a class=\"expand-content-link\" href=\"#\"><strong>M\u00e1sodik leny\u00edl\u00f3 tartalom egy hosszabb c\u00edmmel<\/strong><\/a><\/p>\n<div class=\"hidden-content\">\n<p><em><strong>Ide b\u00e1rmilyen k\u00e9p, sz\u00f6veg, t\u00e1bl\u00e1zat tehet\u0151&#8230;<\/strong><\/em><\/p>\n<p><a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-3007\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1-400x267.jpg\" alt=\"\" width=\"400\" height=\"267\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1-400x267.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1-1024x683.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1-150x100.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1-768x512.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1-753x502.jpg 753w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1-203x135.jpg 203w, https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS183553_-GV5A7064-scr-1.jpg 1200w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a>Nam eget viverra sapien, sed pulvinar lacus. Etiam rhoncus eget dolor vitae dapibus. Aenean hendrerit, magna et fermentum luctus, nibh nisi egestas ipsum, non faucibus sem urna ut libero. Phasellus elementum ante et condimentum auctor. Sed auctor nunc id augue scelerisque semper. Curabitur vulputate urna vitae dui facilisis dignissim. Pellentesque quis facilisis arcu, eu consectetur quam. Pellentesque iaculis, velit vitae rutrum euismod, leo ex mollis ante, condimentum elementum libero est a sapien. Proin rhoncus nulla eu enim pellentesque, at maximus ipsum faucibus. Mauris sed facilisis nunc. Donec volutpat nulla at nunc aliquam convallis. Ut lacinia lacus eu ornare viverra.<\/p>\n<p>Vestibulum quam odio, vulputate vitae dignissim ut, pulvinar in nibh. Integer id iaculis urna. Ut ultricies quam eu aliquam eleifend.Nam eget viverra sapien, sed pulvinar lacus. Etiam rhoncus eget dolor vitae dapibus. Aenean hendrerit, magna et fermentum luctus, nibh nisi egestas ipsum, non faucibus sem urna ut libero. Phasellus elementum ante et condimentum auctor. Sed auctor nunc id augue scelerisque semper. Curabitur vulputate urna vitae dui facilisis dignissim. Pellentesque quis facilisis arcu, eu consectetur quam.<\/p>\n<p>Pellentesque iaculis, velit vitae rutrum euismod, leo ex mollis ante, condimentum elementum libero est a sapien. Proin rhoncus nulla eu enim pellentesque, at maximus ipsum faucibus. Mauris sed facilisis nunc. Donec volutpat nulla at nunc aliquam convallis. Ut lacinia lacus eu ornare viverra. Vestibulum quam odio, vulputate vitae dignissim ut, pulvinar in nibh. Integer id iaculis urna. Ut ultricies quam eu aliquam eleifend.<\/p>\n<\/div>\n<\/div>\n<div class=\"exp-col-content-holder\"><a class=\"expand-cnt-link\" href=\"#\"><strong>Harmadik leny\u00edl\u00f3 tartalom<\/strong><\/a><\/p>\n<div class=\"hidden-content\">\n<p><strong><em>Ide b\u00e1rmilyen k\u00e9p, sz\u00f6veg, t\u00e1bl\u00e1zat tehet\u0151&#8230;<\/em><\/strong><\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sagittis ex ultrices maximus vulputate. Nunc consequat vel ligula eget gravida. Maecenas aliquet lorem et porttitor convallis. Nunc elementum erat sit amet nisi bibendum feugiat. Nam et nisl justo. Sed at consectetur metus.<\/p>\n<p><strong>Pellentesque lacinia diam odio, nec iaculis urna gravida in. <\/strong><\/p>\n<ul>\n<li>Ut in tempus nunc.<\/li>\n<li>Nunc eu ornare sem.<\/li>\n<li>Nullam congue eu quam vitae tincidunt.<\/li>\n<li>Etiam lectus leo, maximus non tortor quis, porta viverra elit.<\/li>\n<li>Suspendisse placerat, nulla quis malesuada sollicitudin, augue odio imperdiet lectus, sit amet vestibulum elit eros at mauris.<\/li>\n<li>Duis a libero at nibh suscipit dictum non sed lectus.<\/li>\n<\/ul>\n<p>Nam eget viverra sapien, sed pulvinar lacus. Etiam rhoncus eget dolor vitae dapibus. Aenean hendrerit, magna et fermentum luctus, nibh nisi egestas ipsum, non faucibus sem urna ut libero. Phasellus elementum ante et condimentum auctor. Sed auctor nunc id augue scelerisque semper. Curabitur vulputate urna vitae dui facilisis dignissim. Pellentesque quis facilisis arcu, eu consectetur quam. Pellentesque iaculis, velit vitae rutrum euismod, leo ex mollis ante, condimentum elementum libero est a sapien. Proin rhoncus nulla eu enim pellentesque, at maximus ipsum faucibus. Mauris sed facilisis nunc. Donec volutpat nulla at nunc aliquam convallis. Ut lacinia lacus eu ornare viverra. Vestibulum quam odio, vulputate vitae dignissim ut, pulvinar in nibh. Integer id iaculis urna. Ut ultricies quam eu aliquam eleifend.<\/p>\n<\/div>\n<\/div>\n<p><strong>Az elk\u00e9sz\u00edt\u00e9s m\u00f3dja:<\/strong><\/p>\n<p>K\u00e9sz\u00edts\u00fcnk egy \u00faj oldalt vagy bejegyz\u00e9st, amelybe ezt a funkci\u00f3t szeretn\u00e9nk beilleszteni.<\/p>\n<p>Egyszer\u0171 sz\u00f6veggel nagyon k\u00f6nny\u0171 dolgunk van. Kattintsunk a szerkeszt\u0151 l\u00e9cben tal\u00e1lhat\u00f3 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-830\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2015\/07\/expand-collapse-1.png\" alt=\"expand-collapse-1\" width=\"28\" height=\"30\" \/>\u00a0ikonra.<\/p>\n<p>Egy felugr\u00f3 ablakot kapunk: \u00a0<\/p>\n<p><a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2015\/07\/expand-collapse-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-831\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2015\/07\/expand-collapse-2.png\" alt=\"expand-collapse-2\" width=\"710\" height=\"643\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2015\/07\/expand-collapse-2.png 710w, https:\/\/semmelweis.hu\/wiki\/files\/2015\/07\/expand-collapse-2-150x136.png 150w, https:\/\/semmelweis.hu\/wiki\/files\/2015\/07\/expand-collapse-2-300x272.png 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/a><\/p>\n<p>\u00cdrjuk be a leny\u00edl\u00f3 link sz\u00f6veg\u00e9t,\u00a0illessz\u00fck be a leny\u00edl\u00e1skor olvas\u00e1sra sz\u00e1nt sz\u00f6veget a megfelel\u0151 helyre. Figyelem, a sz\u00f6veg\u00fcnk csak html-ben\u00a0form\u00e1zhat\u00f3, \u00edgy k\u00e9p, t\u00e1bl\u00e1zat is html-b\u0151l m\u00e1solva illeszthet\u0151 be (megold\u00e1s, ha nyitunk egy m\u00e1sik oldalt vagy bejegyz\u00e9st, megszerkesztj\u00fck vizu\u00e1lis m\u00f3dban a leny\u00edl\u00e1si ter\u00fcletre sz\u00e1nt sz\u00f6veget, k\u00e9pet, t\u00e1bl\u00e1zatot, majd kattintunk a HTML f\u00fclre \u00e9s kim\u00e1soljuk a teljes k\u00f3dot, \u00fagy illesztj\u00fck be azt a felugr\u00f3 ablakba).\u00a0<\/p>\n<p>A tartalom ut\u00f3lagos form\u00e1z\u00e1sa a leny\u00edl\u00f3 funkci\u00f3 elroml\u00e1s\u00e1t okozhatja, k\u00fcl\u00f6n\u00f6sen, ha a tartalom elej\u00e9t vagy v\u00e9g\u00e9t \u00e9rinten\u00e9 a form\u00e1z\u00e1s. (Halad\u00f3knak: nagyon fontos, hogy a funkci\u00f3hoz tartoz\u00f3 div-ek k\u00f6z\u00e9 essenek a form\u00e1z\u00f3 tag-ek.)<\/p>\n<p>Kattintsunk az Insert Expand\/Collapse Content gombra \u00e9s ments\u00fck el az oldalunkat.<\/p>\n<p>Leny\u00edl\u00f3 linkenk\u00e9nt kell ezt v\u00e9gigcsin\u00e1lnunk.\u00a0<\/p>\n<p>Fontos! A linket mag\u00e1t, ha form\u00e1zni szeretn\u00e9nk (pl. f\u00e9lk\u00f6v\u00e9r bet\u0171) akkor HTML m\u00f3dban kell megtenn\u00fcnk az al\u00e1bbi minta alapj\u00e1n az <strong>Els\u0151 leny\u00edl\u00f3 link <\/strong>sz\u00f6veget a strong html tag seg\u00edts\u00e9g\u00e9vel alak\u00edtjuk f\u00e9lk\u00f6v\u00e9rr\u00e9. Fontos, hogy a form\u00e1z\u00f3 html nyit\u00f3- \u00e9s z\u00e1r\u00f3taget (legyen az f\u00e9lk\u00f6v\u00e9r: strong, d\u0151lt: em, al\u00e1h\u00faz\u00e1s: u, stb.) mindig k\u00f6zvetlen\u00fcl a sz\u00f6veg el\u00e9 \u00e9s m\u00f6g\u00e9 tegy\u00fck.\u00a0<\/p>\n<pre>&lt;div class=\"exp-col-content-holder\"&gt;\r\n&lt;a class=\"expand-content-link\" \r\nhref=\"#\"&gt;&lt;strong&gt;Els\u0151 leny\u00edl\u00f3 link&lt;\/strong&gt;&lt;\/a&gt;&lt;br \/&gt;\r\n&lt;div class=\"hidden-content\"&gt;&lt;br \/&gt;\r\n&lt;p&gt;&lt;strong&gt;&lt;em&gt;Ide b\u00e1rmilyen k\u00e9p, sz\u00f6veg, t\u00e1bl\u00e1zat tehet\u0151...&lt;\/em&gt;\r\n&lt;\/strong&gt;&lt;\/p&gt;&lt;br \/&gt;&lt;\/div&gt;&lt;br \/&gt;\r\n&lt;div class=\"hidden-content\"&gt;\u00a0&lt;\/div&gt;&lt;br \/&gt;\r\n&lt;\/div&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Ennek a funkci\u00f3nak a haszn\u00e1lat\u00e1t halad\u00f3 felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra aj\u00e1nljuk! Az al\u00e1bbi linkekre kattintva a leny\u00edl\u00f3 \u00e9s felz\u00e1r\u00f3d\u00f3 funkci\u00f3 m\u0171k\u00f6d\u00e9se k\u00f6nnyed\u00e9n \u00e9rtelmezhet\u0151: <a class=\"expand-content-link\" href=\"#\">Els\u0151 leny\u00edl\u00f3 link<\/a> Ide b\u00e1rmilyen k\u00e9p, sz\u00f6veg, t\u00e1bl\u00e1zat tehet\u0151&#8230; <a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2024\/06\/RS187907_433A6067-scr.jpg\"><\/a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sagittis ex ultrices maximus vulputate. Nunc consequat vel ligula eget gravida. Maecenas aliquet lorem et porttitor convallis. Nunc elementum &hellip;<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":951,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"footnotes":""},"categories":[106],"tags":[],"class_list":["post-817","page","type-page","status-publish","hentry","category-egyeb"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"1970-01-01 01:00:00","action":"","terms":[],"taxonomy":"","browser_timezone_offset":0},"_links":{"self":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/comments?post=817"}],"version-history":[{"count":10,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/817\/revisions"}],"predecessor-version":[{"id":3008,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/817\/revisions\/3008"}],"up":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/951"}],"wp:attachment":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/media?parent=817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/categories?post=817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/tags?post=817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}