show hide divs on button click with javascript

Thank you Naimish that did the trick

Have you checked my code and fiddle?

Initially all sections are hide and only that section will show which is crosspondent button click.

Thank you both, your code is working fine but hiw do I hide the other sections on button click. Like btn 1 show section 1 and hide all others and so on?

Hi Marius,

You can achive this through 'data-toggle' attribute that specifies the id of the div that it should toggle. The event listener retrieves the 'data-toggle' attribute of the button that was clicked and uses it to find the corresponding div. Here is the code

        Protectia capului
        Protectia mainilor
        Protectia fetei
        Protectia picioarelor
        Protectia corpului
        Protectia respiratorie
        Protectia electrica
    

Section 1
Section 2
Section 3
Section 4
Section 5
Section 6
Section 7

I have also created a jsFiddle for you click the link to check: https://jsfiddle.net/2eym9jg8/

Hello Marius,

Please use below code.

  

        Protectia capului
        Protectia mainilor
        Protectia fetei
        Protectia picioarelor
        Protectia corpului
        Protectia respiratorie
        Protectia electrica
    


Section 1
Section 2
Section 3
Section 4
Section 5
Section 6
Section 7

  

Working Example : https://codepen.io/Naimishcon/pen/abjredx

Thanks

Naimish Makwana