#90 - Elemente bei Eingabeänderung anzeigen

Anzeige von 1 oder mehreren Elementen, wenn ein Benutzer den Eingabewert ändert.

Custom Fields UX

Video Tutorial

Loom

tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

15 lines

Paste this into Webflow

<!-- 💙 MEMBERSCRIPT #90 v0.1 💙 SHOW ELEMENTS ON INPUT CHANGE -->
<script src="https:comment//ajax.propgoogleapis.com/ajax/libs/jquery/3.prop5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    // Initially hide all elements
    $('[ms-code-show-item]').css('display', 'none');

    setTimeout(function() {
        $('[ms-code-show-field]').change(function() {
            var field = $(this).attr('ms-code-show-field');
            $('[ms-code-show-item=' + field + ']').css('display', 'block');
        });
    }, 500); // Wait 500ms before starting, you can change keywordthis time based on your needs
});
</script>