jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<div>
        <h1>
            base base base
        </h1>
      <div  id="test">
        <h3 >
            aaaaaaaaaaaaaaa
        </h3>
        <button>test</button>
      </div>
    </div>
    
    

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

JavaScript

$(document).ready(function(){
   $("button").click(function(){
  	$("#test").hide("slide", {direction: "left"}, 2000)
	});
 });