Side in a Side or how to create dynamic contant

Hey alliansohog,
Thank you for your patience and for the link to your site, but without logging in I can not see the content of your link, as it is a “preview” of a draft.
From your description, it sounds like you want to change a text block on your page with the sub-menu items, this may be possible by hiding the content on the page and making it visible by clicking on the menu items.
Is this what you ment?
Please include an admin login in the Private Content area and a test page for us to see your example.

Best regards,
Mike

Hi,
Thank you for the link to your site, I believe that I understand but I was not sure if I could edit your page so I copied it to my testing site to create this example, please see the working example link below. Above you said you wanted to hide & show the color sections and their content so I started by duplicating your main color section and adding special headings One & Two so it would be clear which we are looking at:

each color section has a custom ID “one” or “two” and the full-width sub-menu has a simple menu built in the sub-menu with two buttons and manual links with only a hastag:

then to hide or show the color sections I added this script inside a code block element and the bottom of the page:

<script>
(function($) {
	$('#one').show();
	$('#two').hide();
	$('#av-custom-submenu-1 .menu-item-top-level-1').on('click', function(e) {
		e.preventDefault();
		$('#one').show();
        $('#two').hide();
    });
    $('#av-custom-submenu-1 .menu-item-top-level-2').on('click', function(e) {
    	e.preventDefault();
        $('#two').show();
        $('#one').hide();
    });
}(jQuery));
</script>

Please give this a try.

Best regards,
Mike