jQuery toggleClass example

Toggle class name on click in jQuery

by hbmaam hbmaam

HTML

<table WIDTH=100% border=0 cellspacing=0 cellpadding=2>
  <tr id="tr" >
    <td id="td1" bgcolor="#F0F0F0">
    <li id="childcontainer">
      <div class="link">
         <a href="" class="">Investors1</a>
      </div>
      <div class="link">
         <a href="" class="">Investors2</a>
      </div>
      <div class="link">
         <a href="" class="">Investors3</a>
      </div>
      <div class="link">
         <a href="" class="">Investors4</a>
      </div>
      <div class="link">
         <a href="" class="">Investors5</a>
      </div>
    </li></td>
    <td WIDTH="1" NOWRAP bgcolor="#E0E0E0"><li id="childcontainer">
      <div class="link">
         <a href="" class="">Investors1</a>
      </div>
     
    </li></td>
  </tr>
</table>

CSS

.link
{
  display: inline-block;
}
#childcontainer{
  overflow:hidden;
}
#td1{
    overflow:hidden;
}
#tr{
    overflow:hidden;
}

JavaScript

// find elements
var banner = $("#banner-message")
var button = $("button")

// handle click and add class
button.on("click", () => {
  banner.toggleClass("alt")
})