Listboxes per Javascript aus- und wieder einschalten können ist recht simple, möchte es aber nciht immer wieder neu schreiben, daher hier wieder ein kleines Beispiel.
Check4SELoutstitle> <body> <a href="#" onclick="HideSelectBoxes(true);">Gesundesa> <a href="#" onclick="HideSelectBoxes(false);">Auch gesunda><br /><br /> <select name="Biere" id="Biere"><option>Biereoption>select> <select name="Alkfreie" id="Alkfreie"><option>Alkfreieoption>select> <select name="Wiskeys" id="Wiskeys"><option>Wiskeysoption>select> <select name="Cocktails" id="Cocktails"><option>Cocktailsoption>select> </body> </html> </pre> <p>Die auskommentierten Zeilen erhalten den zuvor belegten Platz in der Seite reserviert, was durchaus gewollt sein kann und folgender Artikel gut darstellt.</p> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-4e9b2c7 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4e9b2c7" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-494b7bbf" data-id="494b7bbf" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1d071bbf elementor-widget elementor-widget-heading" data-id="1d071bbf" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Share this post</h4> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-12ccef33" data-id="12ccef33" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1d188601 elementor-share-buttons--skin-flat elementor-grid-mobile-1 elementor-share-buttons--view-icon elementor-share-buttons--align-right elementor-share-buttons--shape-rounded elementor-grid-0 elementor-share-buttons--color-official elementor-widget elementor-widget-share-buttons" data-id="1d188601" data-element_type="widget" data-widget_type="share-buttons.default"> <div class="elementor-widget-container"> <div class="elementor-grid"> <div class="elementor-grid-item"> <div class="elementor-share-btn elementor-share-btn_facebook" role="button" tabindex="0" aria-label="Share on facebook" > <span class="elementor-share-btn__icon"> <i class="fab fa-facebook" aria-hidden="true"></i> </span> </div> </div> <div class="elementor-grid-item"> <div class="elementor-share-btn elementor-share-btn_twitter" role="button" tabindex="0" aria-label="Share on twitter" > <span class="elementor-share-btn__icon"> <i class="fab fa-twitter" aria-hidden="true"></i> </span> </div> </div> <div class="elementor-grid-item"> <div class="elementor-share-btn elementor-share-btn_pinterest" role="button" tabindex="0" aria-label="Share on pinterest" > <span class="elementor-share-btn__icon"> <i class="fab fa-pinterest" aria-hidden="true"></i> </span> </div> </div> <div class="elementor-grid-item"> <div class="elementor-share-btn elementor-share-btn_email" role="button" tabindex="0" aria-label="Share on email" > <span class="elementor-share-btn__icon"> <i class="fas fa-envelope" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-5d5dffeb elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="5d5dffeb" data-element_type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <div class="elementor-element elementor-element-4db2e50f elementor-widget elementor-widget-facebook-comments" data-id="4db2e50f" data-element_type="widget" data-widget_type="facebook-comments.default"> <div class="elementor-widget-container"> <div class="elementor-facebook-widget fb-comments" data-href="https://landstrasse.ch?p=1375" data-width="100%" data-numposts="10" data-order-by="social" style="min-height: 1px"></div> </div> </div> </div> </div> </div> </section> </div> <div data-elementor-type="footer" data-elementor-id="4672" class="elementor elementor-4672 elementor-location-footer" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-7a4069f elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="7a4069f" data-element_type="section" data-settings="{"background_background":"gradient","shape_divider_top":"waves"}"> <div class="elementor-background-overlay"></div> <div class="elementor-shape elementor-shape-top" data-negative="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"> <path class="elementor-shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7 c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4 c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"/> </svg> </div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fb6a558" data-id="fb6a558" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7d9791f elementor-widget elementor-widget-heading" data-id="7d9791f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Fragen zu WordPress, WooCommerce oder ColdFusion?</h4> </div> </div> <div class="elementor-element elementor-element-cdc6e69 elementor-widget elementor-widget-heading" data-id="cdc6e69" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Dann schreib' mir doch einfach...</h2> </div> </div> <div class="elementor-element elementor-element-af58223 elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="af58223" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-md" href="https://649cyjbmzou.preview.infomaniak.website/kontakt/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <i aria-hidden="true" class="fas fa-arrow-right"></i> </span> <span class="elementor-button-text">zum Kontaktformular</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5b756e7" data-id="5b756e7" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-ff48de1 elementor-widget elementor-widget-image" data-id="ff48de1" data-element_type="widget" data-settings="{"motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_direction":"negative","motion_fx_translateY_speed":{"unit":"px","size":"1","sizes":[]},"motion_fx_devices":["desktop","tablet"],"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":"0","end":"50"}}}" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="350" height="383" src="https://landstrasse.ch/wp-content/uploads/2020/01/build-forms.png" class="attachment-full size-full wp-image-4346" alt="" srcset="https://landstrasse.ch/wp-content/uploads/2020/01/build-forms.png 350w, https://landstrasse.ch/wp-content/uploads/2020/01/build-forms-274x300.png 274w" sizes="(max-width: 350px) 100vw, 350px" /> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-69ddc07 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="69ddc07" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-72e0ea0" data-id="72e0ea0" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-e29547f elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="e29547f" data-element_type="widget" data-settings="{"layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menü" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade"> <ul id="menu-1-e29547f" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5067"><a href="https://landstrasse.ch/impressum/" class="elementor-item">Impressum</a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open eicon-menu-bar"></i><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close eicon-close"></i> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-e29547f" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5067"><a href="https://landstrasse.ch/impressum/" class="elementor-item" tabindex="-1">Impressum</a></li> </ul> </nav> </div> </div> </div> </div> </div> </section> </div> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script src="https://landstrasse.ch/wp-content/plugins/honeypot/includes/js/wpa.js?ver=2.2.06" id="wpascript-js"></script> <script id="wpascript-js-after"> wpa_field_info = {"wpa_field_name":"qgjbrk1696","wpa_field_value":654746,"wpa_add_test":"no"} </script> <script src="https://landstrasse.ch/wp-content/plugins/wp-armour-extended/includes/js/wpae.js?ver=1.37" id="wpaescript-js"></script> <script src="https://landstrasse.ch/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script src="https://landstrasse.ch/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.27.3" id="elementor-pro-webpack-runtime-js"></script> <script src="https://landstrasse.ch/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.27.3" id="elementor-webpack-runtime-js"></script> <script src="https://landstrasse.ch/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.27.3" id="elementor-frontend-modules-js"></script> <script src="https://landstrasse.ch/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://landstrasse.ch/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/landstrasse.ch\/wp-admin\/admin-ajax.php","nonce":"3514424224","urls":{"assets":"https:\/\/landstrasse.ch\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/landstrasse.ch\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"de_DE","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/landstrasse.ch\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script src="https://landstrasse.ch/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.27.3" id="elementor-pro-frontend-js"></script> <script src="https://landstrasse.ch/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Auf Facebook teilen","shareOnTwitter":"Auf Twitter teilen","pinIt":"Anheften","download":"Download","downloadImage":"Bild downloaden","fullscreen":"Vollbild","zoom":"Zoom","share":"Teilen","playVideo":"Video abspielen","previous":"Zur\u00fcck","next":"Weiter","close":"Schlie\u00dfen","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Breitbild","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.27.3","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_swiper_latest":true,"e_onboarding":true,"theme_builder_v2":true,"home_screen":true,"landing-pages":true,"editor_v2":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/landstrasse.ch\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/landstrasse.ch\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/landstrasse.ch\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"4e1be8a9ef"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":1375,"title":"Check4SELouts%20-%20Landstrasse","excerpt":"","featuredImage":false}}; </script> <script src="https://landstrasse.ch/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.27.3" id="elementor-frontend-js"></script> <script src="https://landstrasse.ch/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.27.3" id="pro-elements-handlers-js"></script> </body> </html>