JSFiddle - React, Tailwind, and code Playground

by alessia_fachin

HTML

<a href="#tab1">tab1</a>    
<a href="#tab2">tab2</a>    
<a href="#tab3">tab3</a><br/>    

<a id="tab2"></a>
    <p>testo del tab2</p>
<a id="tab3"></a>
    <p>testo del tab3</p>
<a id="tab1"></a>
    <p>testo del tab1</p>

CSS

p{
    display:none;
}

p:last-of-type{
    display:block;
}

a:target + p{
    display:block;
}

a:target + p ~ p{
    display:none;
}