jQuery addClass example

Change class name on click in jQuery

HTML

<!-----Спойлер 1------->
<div class="spoiler-block">
<a href="#" class="spoiler-title">Спойлер 1<div class="spoiler-ico">
<img src="https://minecraft.ru.net/view/minecraft/i/spoiler-plus.gif">
</div></a>
<div class="spoiler-content"> 
Привет! Если вы видите этот текст, значит скорре всего ваш спойлер работает :)</br>Вы можете заменить этот текст на любой другой.
</div>

CSS

.spoiler-title {
color:#000;
display:block;
background: url(/images/lines.gif) #f8f9f9;
border-left: 5px solid #00bf9b;
font-style: normal;
padding: 10px;
text-decoration: none;
}

.spoiler-ico {
width: 20px;
height: 20px;
margin: 1px 5px 1px 1px;
float: left;
border: medium none;
vertical-align: middle;
max-width: 100%;
display: inline !important;
}

.spoiler-content {
  display:none
}

JavaScript

$(document).ready(function(){ 
$('.spoiler-title').click(function(){ 
$('.spoiler-content').slideToggle(200, function() {
             var visible = $(this).is(':visible');
             $('.spoiler-ico').html(visible ? '<img src="https://minecraft.ru.net/view/minecraft/i/spoiler-minus.gif">' : '<img src="https://minecraft.ru.net/view/minecraft/i/spoiler-plus.gif">');
         });
         $(this).toggleClass('active');
return false;
});
});