Как вывести один из нескольких блоков?

Question

[Web Developer]

Пишу свой CSS генератор, что-то вроде https://css3generator.com/ ;
Нужно чтобы при клике на определенную кнопку в меню открывался определенный блок;
Помогите!

HTML (пример) :

<section id="menu" class="section">
    <div class="menuItem filters">Filters</div>
    <div class="menuItem rgba">RGBA</div>
    <div class="menuItem border">Border / Outline</div>
    <div class="menuItem border_Rad">Border Radius</div>
    <div class="menuItem transform">Transform</div>
    <div class="menuItem flex">Flex</div>
    <div class="menuItem background">Background</div>
    <div class="menuItem text">Text</div>
    <div class="menuItem cursor">Cursor</div>
</section>

<section class="section block hidden" id="filters">
    CONTENT
</section>

<section class="section block hidden" id="border">
    CONTENT
</section>

<section class="section block hidden" id="shadows">
    CONTENT
</section>

Хоть на чистом JS , хоть на jQuery, помогите с решением!

Answer 1

[igumenov]

жирным подсветил то что работает

Comments

[Web Developer]

Спасибо!