Action Navigation Menu

Home Sweet Home

Sololearners

Learn and Code

She added this to a href="#": class="tablinks" onclick="openDiv(event, 'Are')"

then she added this to style:

.tabcontent {
display: none;
text-decoration: none;
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s; }
.tablink {
background: #f3f3f3;
color: #2f3036;
height: 40px;
line-height: 40px;
text-align: center;
}

Then she added the magical JS:

function openDiv(evt, divName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(divName).style.display = "block"; evt.currentTarget.className += " active"; }

Finally she added these divs: div id="Home" class="tabcontent">

Pic

What?

Pic of Art lol🙂

Its a Beautiful Day!!!

bobbie

bobbie@sololearn

action with nav example