{"id":3956,"date":"2023-05-12T17:48:48","date_gmt":"2023-05-12T09:48:48","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3956"},"modified":"2024-03-15T15:23:50","modified_gmt":"2024-03-15T07:23:50","password":"","slug":"show-hide-trigger-action","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/fi\/docs\/show-hide-trigger-action\/","title":{"rendered":"Lis\u00e4\u00e4 [N\u00e4yt\u00e4\/Piilota] -toiminto"},"content":{"rendered":"<p>N\u00e4yt\u00e4\/piilota elementit voivat antaa k\u00e4ytt\u00e4jien keskitty\u00e4 osuvimpaan sis\u00e4lt\u00f6\u00f6n, mik\u00e4 minimoi h\u00e4iri\u00f6tekij\u00e4t.<\/p>\n\n\n\n<p><br>Piilottamalla tietyt elementit lukijoita rohkaistaan olemaan vuorovaikutuksessa flipbookin kanssa ja tutkimaan sen sis\u00e4lt\u00f6\u00e4 perusteellisemmin, mik\u00e4 lis\u00e4\u00e4 k\u00e4ytt\u00e4jien sitoutumista.<\/p>\n\n\n\n<p><br>Katsotaan seuraavaksi, miten lis\u00e4t\u00e4\u00e4n <strong>[N\u00e4yt\u00e4 piilota]<\/strong> toimia elementille.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Napsauta elementti\u00e4 kankaalla -&gt; napsauta <strong>[Toiminnot]<\/strong> ominaisuuspaneelissa -&gt; valitse laukaisuehto -&gt;<strong> [N\u00e4yt\u00e4 piilota]<\/strong> -&gt; valitse kohdeelementti -&gt; <strong>[Vahvistaa]<\/strong> -&gt; valitse <strong>[Piilota\/N\u00e4yt\u00e4\/Vaihda]<\/strong> kohdeelementille -&gt; napsauta <strong>[Tallentaa]<\/strong> tai <strong>[Esikatselu]<\/strong> yl\u00e4ty\u00f6kalupalkissa.<\/li>\n\n\n\n<li>Voit asettaa toiminnon lis\u00e4\u00e4v\u00e4n elementin n\u00e4ytett\u00e4v\u00e4ksi\/piilottaviksi, tai voit asettaa elementin laukaisemaan muita elementtej\u00e4 n\u00e4ytett\u00e4v\u00e4ksi\/piilottaviksi\/vaihtuviksi.<\/li>\n\n\n\n<li>Kun asetat elementin n\u00e4ytett\u00e4v\u00e4ksi, voit napsauttaa <strong>[Piilota alussa]<\/strong> paremman vaikutuksen saavuttamiseksi.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Huomautus:<\/strong> Kohdeelementti voi olla joko itse elementti (kutsutaan elementiksi A) tai toinen elementti (kutsutaan elementiksi B).<\/p>\n\n\n\n<p>Oletetaan esimerkiksi, ett\u00e4 haluat lis\u00e4t\u00e4 a <strong>[N\u00e4yt\u00e4 piilota]<\/strong> toiminto elementille A liipaisuehdon ollessa asetettuna <strong>[K\u00e4ynnist\u00e4 klikattaessa]<\/strong>.<\/p>\n\n\n\n<p>Sinulla on kaksi vaihtoehtoa:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Valitse elementti A liipaisukohteeksi, mik\u00e4 tarkoittaa, ett\u00e4 elementin A napsauttaminen k\u00e4ynnist\u00e4\u00e4 sen n\u00e4ytt\u00e4misen\/piilottamisen\/vaihtamisen.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Valitse elementti B liipaisukohteeksi, jotta elementin A napsauttaminen k\u00e4ynnist\u00e4\u00e4 elementin B n\u00e4ytt\u00e4misen\/piilottamisen\/vaihtamisen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"656\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif\" alt=\"lis\u00e4\u00e4-n\u00e4yt\u00e4-tai-piilota-toiminto-1\" class=\"wp-image-6837\"\/><\/figure>\n\n\n\n<p class=\"has-black-color has-text-color has-background\" style=\"background-color:#f0f2f4\">\u258e<strong>Huomautus:<\/strong> <strong>[Vaihtaa]<\/strong> tarkoittaa vaihtamista n\u00e4ytt\u00e4misen ja piilottamisen v\u00e4lill\u00e4. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"656\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-2.gif\" alt=\"lis\u00e4\u00e4-n\u00e4yt\u00e4-tai-piilota-toiminto-2\" class=\"wp-image-6838\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Artikkeliin liittyv\u00e4t termit:<br><\/strong>n\u00e4yt\u00e4\/piilota elementtej\u00e4, elementtien n\u00e4kyvyys, elementtien n\u00e4ytt\u00f6, vuorovaikutteiset elementit, interaktiiviset fl\u00e4ppikirjat, k\u00e4ytt\u00e4jien sitoutuminen, n\u00e4yt\u00e4\/piilota animaatio, n\u00e4yt\u00e4\/piilota tehosteet, n\u00e4yt\u00e4\/piilota tyylej\u00e4, n\u00e4yt\u00e4\/piilota laukaisintoimintojen lis\u00e4\u00e4minen, n\u00e4yt\u00e4\/piilota elementtien muokkaaminen, vuorovaikutteisuuden parantaminen , parantaa luettavuutta<\/p>","protected":false},"excerpt":{"rendered":"<p>Show\/hide elements can let users focus on the most relevant content, minimizing distractions. By hiding certain elements, readers are encouraged to interact with the flipbook and explore its content more thoroughly, increasing user engagement. Next, let\u2019s see how to add the [Show\/Hide] action to the element. \u258eNote: The target element can either be the element [&hellip;]<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[85],"doc_tag":[],"class_list":["post-3956","docs","type-docs","status-publish","hentry","doc_category-trigger-action"],"year_month":"2026-04","word_count":278,"total_views":"11800","reactions":{"happy":"0","normal":"0","sad":"1"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/fi\/author\/andy\/"},"doc_category_info":[{"term_name":"Actions","term_url":"https:\/\/cms.flippagemaker.com\/fi\/docs-category\/trigger-action\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add [Show\/Hide] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fi_FI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add [Show\/Hide] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"Show\/hide elements can let users focus on the most relevant content, minimizing distractions. By hiding certain elements, readers are encouraged to interact with the flipbook and explore its content more thoroughly, increasing user engagement. Next, let\u2019s see how to add the [Show\/Hide] action to the element. \u258eNote: The target element can either be the element [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/fi\/docs\/show-hide-trigger-action\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T07:23:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/\",\"name\":\"Add [Show\/Hide] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif\",\"datePublished\":\"2023-05-12T09:48:48+00:00\",\"dateModified\":\"2024-03-15T07:23:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#breadcrumb\"},\"inLanguage\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add [Show\/Hide] Action\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add [Show\/Hide] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fi_FI","og_type":"article","og_title":"Add [Show\/Hide] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"Show\/hide elements can let users focus on the most relevant content, minimizing distractions. By hiding certain elements, readers are encouraged to interact with the flipbook and explore its content more thoroughly, increasing user engagement. Next, let\u2019s see how to add the [Show\/Hide] action to the element. \u258eNote: The target element can either be the element [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/fi\/docs\/show-hide-trigger-action\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T07:23:50+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/","url":"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/","name":"Add [Show\/Hide] Action - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif","datePublished":"2023-05-12T09:48:48+00:00","dateModified":"2024-03-15T07:23:50+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/add-show-or-hide-action-1.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add [Show\/Hide] Action"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fi","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/comments?post=3956"}],"version-history":[{"count":5,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3956\/revisions"}],"predecessor-version":[{"id":6839,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3956\/revisions\/6839"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/media?parent=3956"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_category?post=3956"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_tag?post=3956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}