jQuery addClass example

Change class name on click in jQuery

HTML

<div class="navbar navbar-default navbar-fixed-top">
<div class="topnav2">
    <a class="navtitle" href="index.html">Projekt</a> 
</div>
 <div class="topnav" id="myTopnav">
  <a href="#" class="active">Home</a>
     <a href="#">Platzhalter 1</a>
     <a href="#">Platzhalter 2</a>
     <a href="#">Platzhalter 3</a>   
    </div>
</div>

CSS

.topnav{
  text-align: center;
}

.topnav a {
    display: inline-block;
  color: #777777;
  padding: 14px 16px;
  text-decoration: none;
  font-size:22px;
    letter-spacing: 1px;


}

.topnav2 a {
  float: left;
  display: block;
  color: #777777;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size:22px;
    letter-spacing: 1px;
}