jQuery toggleClass example

Toggle class name on click in jQuery

by aarkuo17

HTML

<!-- 

  <button class="btn">遊樂園資訊</button>
  <ul class="info">
  </ul>
  <script type="text/javascript">
  
  
  

  </script>
 -->
<!-- <div> -->

<table class="Aaron1">

<tr>
<td class="td1">
<span id="MainContent_sPa641_DropDownList4_H" class="vt">批次變更工作類型</span>
<br/>

<span id="MainContent_sPa641_DropDownList4_H" class="vt">批次變更工作類型</span>
</td>
<td>
<table class="Aaron2" >
  <tbody>
    <td class ="td2">
      <span id="MainContent_sPa641_DropDownList4_H" class="vt">批次變更工作類型</span></td>
  </tbody>
</table>
</td>
</tr>
</table>
<!-- </div> -->
<br/><br/><br/><br/><br/><br/>
  <span id="MainContent_sPa641_DropDownList4_H" class="vt">批次變更工作類型 <button>
  HAHA
  </button></span>
  <br>
  <span id="MainContent_sPa641_DropDownList4_H" class="vt">批次變更工作類型 <button>
  HAHA
  </button></span>  <span id="MainContent_sPa641_DropDownList4_H" class="vt">批次變更工作類型 <button>
  HAHA
  </button>

CSS

/* body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}
 */
li{list-style: none;}
.isloading{
		display: white;
		background-color: #4CAF50;
}
/*         .link-top {
            width: 50%;
            height: 1px;
            border-top: solid #ACC0D8 1px;
        }
        .link-right {
            width: 50px;
            height: 20%;
            border-right: solid #ACC0D8 2px;
            padding-left : 10px;
            
        } */
        span{
          display: block;
        }
        .Aaron1 {
          
          border: 0px;
          
        }
        .Aaron1 tr {
          border: 0px;
        }
        .td1{
          padding-right: 30px
        }
        .Aaron1 td {
          vertical-align: text-top;
        }
        .td2{
          padding-left: 30px;
          
        }
        .Aaron2{
          /* border: solid; */
          border: 0px;
          border-left: solid grey 0px;
          /* padding-left: 10px; */
        }