JSFiddle - React, Tailwind, and code Playground

by mrjordy

HTML

<div class="tallshit">asdf</div>
<div id="about_me">
    ABO*UT ME
</div>
<div id="about_me_clicker" class="menu">
    I should be red.
</div>

CSS

.tallshit {
  height: 1000px;
  display: block;
}
#about_me_clicker.about_highlight
{
    color: #f00;
    transition: 4s;
}

#about_me
{
    color: #333;
    transition: 4s;
}

#about_me_clicker
{
    color: #333;
    transition: 4s;
}

.menu
{
    border-bottom: 1px solid #f00;
    transition: 4s;
}

JavaScript

if ($("#about_me").is(':visible')) {
    $("#about_me_clicker").addClass("about_highlight");
} else {}