jQuery addClass example

Change class name on click in jQuery

by Sampath_Madhuranga

HTML

<div class="images">
    <ul>
        <li><img src="./images/support_docs/Fault_Logging.png" /></li>
        <li><img src="./images/support_docs/Fault_Management.png" /></li>
        <li><img src="./images/support_docs/IP.png"/></li>
        <li><img src="./images/support_docs/Capabilities.png"/></li>
        <li><img src="./images/support_docs/Billing.png"/></li>
        <li><img src="./images/support_docs/Management.png"/></li>
    </ul>
    </div>

CSS

* {
    box-sizing: border-box;
  }

  ul {
    list-style: none;
    font-size: 15px;
    margin: 0;
    padding: 0;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2px;
    grid-column-gap: 2px;
  }

.images{
      position: relative;
      top: 200px;
  }

  .fault{
      position: relative;
      left: 100px;
  }