jQuery toggleClass example

Toggle class name on click in jQuery

by Denis

HTML

<div class="product-thumbs mb-xs-50">
   <h5 class="text-bold-300"><small>Outras Imagens</small></h5>
   <div class="owl-carousel owl-thumbs" data-slider-id="1"  style="display:inline; float:left;">
      <div class="owl-thumb-item show_title">
         <img width="20%" src="https://cdn.pling.com/img/d/c/0/2/e4fff450a6306e045f5c26801ce31c3efaeb.jpg" data-src="<?php echo$foto1 ?>" class="img-responsivee">
      </div>
      <div class="owl-thumb-item show_title">
         <img   width="20%" src="https://cdn.pling.com/img/d/c/0/2/e4fff450a6306e045f5c26801ce31c3efaeb.jpg" data-src="<?php echo$foto2 ?>" class="img-responsive">
      </div>
      <div class="owl-thumb-item show_title">
         <img  width="20%" src="https://cdn.pling.com/img/d/c/0/2/e4fff450a6306e045f5c26801ce31c3efaeb.jpg" data-src="<?php echo$foto2 ?>" class="img-responsive">
      </div>
   </div>
</div>


 <div class="Titulo">
    <h2>Produto 1</h2>
    <p>Características</p>
</div>

<div class="Titulo">
    <h2>Produto 2</h2>
    <p>Características</p>
</div>

<div class="Titulo">
    <h2>Produto 3</h2>
    <p>Características</p>
</div>

JavaScript

$(".Titulo").hide();
 $(".show_title").show();
 $('div').click(function() {
     $(this).next(".Titulo").slideToggle();
 
 });