{"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\/fr\/docs\/show-hide-trigger-action\/","title":{"rendered":"Ajouter une action [Afficher\/Masquer]"},"content":{"rendered":"<p>Afficher\/masquer les \u00e9l\u00e9ments peut permettre aux utilisateurs de se concentrer sur le contenu le plus pertinent, en minimisant les distractions.<\/p>\n\n\n\n<p><br>En masquant certains \u00e9l\u00e9ments, les lecteurs sont encourag\u00e9s \u00e0 interagir avec le flipbook et \u00e0 explorer son contenu de mani\u00e8re plus approfondie, augmentant ainsi l&#039;engagement des utilisateurs.<\/p>\n\n\n\n<p><br>Voyons ensuite comment ajouter le <strong>[Afficher\/Masquer]<\/strong> action sur l\u2019\u00e9l\u00e9ment.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cliquez sur un \u00e9l\u00e9ment du canevas -&gt; cliquez <strong>[Actions]<\/strong> dans le panneau des propri\u00e9t\u00e9s -&gt; s\u00e9lectionnez une condition de d\u00e9clenchement -&gt;<strong> [Afficher\/Masquer]<\/strong> -&gt; s\u00e9lectionnez un \u00e9l\u00e9ment cible -&gt; <strong>[Confirmer]<\/strong> -&gt; s\u00e9lectionnez <strong>[Masquer\/Afficher\/Changer]<\/strong> pour l&#039;\u00e9l\u00e9ment cible -&gt; cliquez <strong>[Sauvegarder]<\/strong> ou <strong>[Aper\u00e7u]<\/strong> dans la barre d&#039;outils sup\u00e9rieure.<\/li>\n\n\n\n<li>Vous pouvez d\u00e9finir l&#039;\u00e9l\u00e9ment qui ajoute l&#039;action pour afficher\/masquer, ou vous pouvez d\u00e9finir l&#039;\u00e9l\u00e9ment pour d\u00e9clencher l&#039;affichage\/masquage\/changement d&#039;autres \u00e9l\u00e9ments.<\/li>\n\n\n\n<li>Lorsque vous d\u00e9finissez un \u00e9l\u00e9ment \u00e0 afficher, vous pouvez cliquer sur <strong>[Masquer au d\u00e9but]<\/strong> pour obtenir un meilleur effet.<\/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>Note:<\/strong> L&#039;\u00e9l\u00e9ment cible peut \u00eatre soit l&#039;\u00e9l\u00e9ment lui-m\u00eame (appel\u00e9 \u00e9l\u00e9ment A), soit un autre \u00e9l\u00e9ment (appel\u00e9 \u00e9l\u00e9ment B).<\/p>\n\n\n\n<p>Par exemple, supposons que vous souhaitiez ajouter un <strong>[Afficher\/Masquer]<\/strong> action pour l&#039;\u00e9l\u00e9ment A avec la condition de d\u00e9clenchement d\u00e9finie sur <strong>[D\u00e9clencher lors d&#039;un clic]<\/strong>.<\/p>\n\n\n\n<p>Vous avez deux options\u00a0:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>S\u00e9lectionnez l&#039;\u00e9l\u00e9ment A comme cible de d\u00e9clenchement, ce qui signifie que cliquer sur l&#039;\u00e9l\u00e9ment A d\u00e9clenchera son affichage\/masquage\/changement.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choisissez l&#039;\u00e9l\u00e9ment B comme cible de d\u00e9clenchement, de sorte que cliquer sur l&#039;\u00e9l\u00e9ment A d\u00e9clenchera l&#039;affichage\/masquage\/commutation de l&#039;\u00e9l\u00e9ment B.<\/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=\"ajouter-afficher-ou-masquer-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>Note:<\/strong> <strong>[Changer]<\/strong> signifie basculer entre les actions de montrer et de cacher. <\/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=\"ajouter-afficher-ou-masquer-action-2\" class=\"wp-image-6838\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Termes li\u00e9s \u00e0 l&#039;article\u00a0:<br><\/strong>afficher\/masquer les \u00e9l\u00e9ments, visibilit\u00e9 des \u00e9l\u00e9ments, affichage des \u00e9l\u00e9ments, \u00e9l\u00e9ments interactifs, flipbooks interactifs, engagement de l&#039;utilisateur, afficher\/masquer l&#039;animation, afficher\/masquer les effets, afficher\/masquer les styles, ajouter des actions de d\u00e9clenchement afficher\/masquer, modifier les \u00e9l\u00e9ments afficher\/masquer, am\u00e9liorer l&#039;interactivit\u00e9 , am\u00e9liorant la lisibilit\u00e9<\/p>","protected":false},"excerpt":{"rendered":"<p>Afficher\/masquer les \u00e9l\u00e9ments peut permettre aux utilisateurs de se concentrer sur le contenu le plus pertinent, minimisant ainsi les distractions. En masquant certains \u00e9l\u00e9ments, les lecteurs sont encourag\u00e9s \u00e0 interagir avec le flipbook et \u00e0 explorer son contenu de mani\u00e8re plus approfondie, augmentant ainsi l&#039;engagement des utilisateurs. Voyons ensuite comment ajouter l&#039;action [Afficher\/Masquer] \u00e0 l&#039;\u00e9l\u00e9ment. \u258eRemarque\u00a0: L&#039;\u00e9l\u00e9ment cible peut \u00eatre soit l&#039;\u00e9l\u00e9ment [\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":"11854","reactions":{"happy":"0","normal":"0","sad":"1"},"author_info":{"name":"Andy","author_nicename":"andy","author_url":"https:\/\/cms.flippagemaker.com\/fr\/author\/andy\/"},"doc_category_info":[{"term_name":"Actions","term_url":"https:\/\/cms.flippagemaker.com\/fr\/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=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"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":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/tr\/docs\/show-hide-trigger-action\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/docs\/3956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/comments?post=3956"}],"version-history":[{"count":5,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3956\/revisions"}],"predecessor-version":[{"id":6839,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3956\/revisions\/6839"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/media?parent=3956"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3956"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}