Show hide with drop down

Question

I have one drop down having valuesdefault, Red, Green if author select default then one text field and one checkbox should appear below the drop downif author chose red/ green one new dropdown with (Dark, Light, Seap) should appear. How can it be achieved? I am confused

Leela-Pavan-Kumar · Accepted Answer

Hi @ronnie09 ,

Try this,

    function showHide() {
        let defaultt = $(".default").prop("selected");
        let red = $(".red").prop("selected");
        let green = $(".green").prop("selected");

        if (defaultt) {
            $(".text").removeAttribute("hidden");
            $(".checkbox").removeAttribute("hidden");

        } else {
            $(".text").setAttribute("hidden", true);
            $(".checkbox").setAttribute("hidden", true);

        }
        if (red || green) {
            $(".newdropdown").removeAttribute("hidden");

        } else {
            $(".newdropdown").setAttribute("hidden", true);
        }
    }

Ronnie09 · Answer

@leela-pavan-kumar Can you help

(function($, $document) {

    "use strict";

    $(document).on("foundation-contentloaded", function(e) {

        $("#tabtest").each(function() {

            showHide();

        });

    });


    $document.on("change", ".textType", function(e) {

        showHide();

    });


    function showHide() {
        var list = $("#tabtest").find("coral-tab");
        let contained = $(".contained").prop("selected");
        let defaultt = $(".default").prop("selected")

        if (contained) {
            list[1].removeAttribute("hidden");
        } else {
            list[1].setAttribute("hidden", true)

        }
        if (defaultt) {
            list[2].removeAttribute("hidden");

        } else {
            list[2].setAttribute("hidden", true);
        }
    }
})($, $(document));

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/create-one-show-hide-for-tab/m-p/436390#M124582

This new thing I have to place inside contianed and default tab

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded