{"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\/sv\/docs\/show-hide-trigger-action\/","title":{"rendered":"L\u00e4gg till [Visa\/D\u00f6lj]-\u00e5tg\u00e4rd"},"content":{"rendered":"<p>Visa\/d\u00f6lj element kan l\u00e5ta anv\u00e4ndare fokusera p\u00e5 det mest relevanta inneh\u00e5llet, vilket minimerar distraktioner.<\/p>\n\n\n\n<p><br>Genom att d\u00f6lja vissa element uppmuntras l\u00e4sarna att interagera med bl\u00e4dderboken och utforska dess inneh\u00e5ll mer grundligt, vilket \u00f6kar anv\u00e4ndarens engagemang.<\/p>\n\n\n\n<p><br>L\u00e5t oss sedan se hur du l\u00e4gger till <strong>[Visa g\u00f6mma]<\/strong> \u00e5tg\u00e4rd till elementet.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klicka p\u00e5 ett element p\u00e5 duken -&gt; klicka <strong>[Handlingar]<\/strong> i egenskapspanelen -&gt; v\u00e4lj ett triggervillkor -&gt;<strong> [Visa g\u00f6mma]<\/strong> -&gt; v\u00e4lj ett m\u00e5lelement -&gt; <strong>[Bekr\u00e4fta]<\/strong> -&gt; v\u00e4lj <strong>[G\u00f6m\/Visa\/Byt]<\/strong> f\u00f6r m\u00e5lelementet -&gt; klicka <strong>[Spara]<\/strong> eller <strong>[F\u00f6rhandsvisning]<\/strong> i det \u00f6vre verktygsf\u00e4ltet.<\/li>\n\n\n\n<li>Du kan st\u00e4lla in elementet som l\u00e4gger till \u00e5tg\u00e4rden f\u00f6r att visa\/d\u00f6lja, eller s\u00e5 kan du st\u00e4lla in elementet f\u00f6r att utl\u00f6sa andra element f\u00f6r att visa\/d\u00f6lja\/byta.<\/li>\n\n\n\n<li>N\u00e4r du st\u00e4ller in ett element att visa kan du klicka <strong>[G\u00f6m vid start]<\/strong> f\u00f6r att uppn\u00e5 b\u00e4ttre effekt.<\/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>Notera:<\/strong> M\u00e5lelementet kan antingen vara sj\u00e4lva elementet (referat till som element A) eller ett annat element (referat till som element B).<\/p>\n\n\n\n<p>Anta till exempel att du vill l\u00e4gga till en <strong>[Visa g\u00f6mma]<\/strong> \u00e5tg\u00e4rd f\u00f6r element A med triggervillkoret inst\u00e4llt p\u00e5 <strong>[Trigger When Click]<\/strong>.<\/p>\n\n\n\n<p>Du har tv\u00e5 alternativ:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V\u00e4lj Element A som triggerm\u00e5l, vilket betyder att ett klick p\u00e5 Element A kommer att utl\u00f6sa det f\u00f6r att visa\/d\u00f6lja\/byta.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>V\u00e4lj Element B som triggerm\u00e5l, s\u00e5 att ett klick p\u00e5 Element A utl\u00f6ser Element B f\u00f6r att visa\/d\u00f6lja\/byta.<\/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=\"add-show-or-hide-action-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>Notera:<\/strong> <strong>[V\u00e4xla]<\/strong> inneb\u00e4r att v\u00e4xla mellan \u00e5tg\u00e4rderna att visa och g\u00f6mma sig. <\/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=\"add-show-or-hide-action-2\" class=\"wp-image-6838\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Artikelrelaterade termer:<br><\/strong>visa\/d\u00f6lj element, elementsynlighet, elementvisning, interaktiva element, interaktiva bl\u00e4dderb\u00f6cker, anv\u00e4ndarengagemang, visa\/d\u00f6lj animering, visa\/d\u00f6lj effekter, visa\/d\u00f6lj stilar, l\u00e4gga till visa\/d\u00f6lj trigger\u00e5tg\u00e4rder, redigera visa\/d\u00f6lja element, f\u00f6rb\u00e4ttra interaktivitet , f\u00f6rb\u00e4ttra l\u00e4sbarheten<\/p>","protected":false},"excerpt":{"rendered":"<p>Visa\/d\u00f6lj element kan l\u00e5ta anv\u00e4ndare fokusera p\u00e5 det mest relevanta inneh\u00e5llet, vilket minimerar distraktioner. Genom att d\u00f6lja vissa element uppmuntras l\u00e4sarna att interagera med bl\u00e4dderboken och utforska dess inneh\u00e5ll mer noggrant, vilket \u00f6kar anv\u00e4ndarengagemang. Nu ska vi se hur man l\u00e4gger till \u00e5tg\u00e4rden [Visa\/D\u00f6lj] till elementet. \u258eObs: M\u00e5lelementet kan antingen vara elementet [\u2026]<\/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":"11884","reactions":{"happy":"0","normal":"0","sad":"1"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/sv\/author\/andy\/"},"doc_category_info":[{"term_name":"Actions","term_url":"https:\/\/cms.flippagemaker.com\/sv\/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=\"sv_SE\" \/>\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\/sv\/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=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuter\" \/>\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\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@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\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@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":"sv_SE","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\/sv\/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":{"Ber\u00e4knad l\u00e4stid":"2 minuter"},"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":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@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":"sv-SE"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@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\/sv\/wp-json\/wp\/v2\/docs\/3956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/comments?post=3956"}],"version-history":[{"count":5,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3956\/revisions"}],"predecessor-version":[{"id":6839,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3956\/revisions\/6839"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/media?parent=3956"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/doc_category?post=3956"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/doc_tag?post=3956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}