Tabs Assignment

HTML

<nav>
    <h1>Navigation</h1>
    <ul>
        <li>
            <a href="#home">Home</a>
        </li>
        <li>
            <a href="#articles">Articles</a>
        </li>
        <li>
            <a href="#portfolio">Porfolio</a>
        </li>
    </ul>
</nav>
<div>The articles are here.</div>
<div>The home is here.</div>
<div>The portfolio is here.</div>
<section>The output area is here.</section>

CSS

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.red {
    color: red;
}

JavaScript

$('a').on('click', function(e) {
  $(e.target).toggleClass('red');
});