Basculer deux divs requête

Question

Salut, je voudrais basculer deux divs. Je l'ai fait de manière basique mais je veux vraiment l'écrire de cette façon et je n'ai aucune idée de ce qui ne va pas avec ça. Quelqu'un pourrait-il m'aider avec?

(function($) { 

    var showAll = function() { 
     this.$button = this.find('.btn-all-events'); 
     this.$all = this.find('.all-events'); 
     this.$recent = this.find('.recent-events'); 

     this.initEvents(); 
    }; 

    showAll.prototype = { 
     initEvents: function() { 

      if (this.$all) { 
       this.$button.on('click', this.showEvents.bind(this)); 
      } 
     }, 

     showEvents: function() { 
      this.$recent.hide(); 
      this.$all.show(); 
     } 
    }; 

    this.toggle = new showAll($(this)); 
})(jQuery); 

Answer 1

utilisation $(this).find() pas this.find() comme ci-dessous

$(this).find('.btn-all-events'); 

Answer 2

Basculer div simplement en utilisant jquery. Vous pouvez vérifier ici https://jsfiddle.net/surendra786/os09Lhfw/

html -- 
    <div class="main"> 
    <div class="first">Divdfasdfasdfsd</div> 
    <div class="second hide">afsdfasfasdfasdfsdf</div> 
    </div> 
    <a class="toggle">toggle</a> 

css-- 

<style> 
.hide { 
display:none; 
} 
</style> 

js--- 

$('.toggle').click(function(){ 
if($('.first').hasClass('hide')){ 
$('.first').removeClass('hide'); 
} else { 
$('.first').addClass('hide'); 
} 
if($('.second').hasClass('hide')){ 
$('.second').removeClass('hide'); 
} else { 
$('.second').addClass('hide'); 
} 
}); 

essayer cela devrait fonctionner, veuillez vous si vous travaillez