2つのdivsクエリを切り替える

Question

こんにちは、私は2つのdivを切り替えるしたいと思います。私はそれを基本的な方法で作ったが、私は本当にこのように書きたいと思うし、何が間違っているのか分からない。誰かが私にそれを手伝ってもらえますか？

(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

使用$(this).find()ないthis.find()トグルは、単にjqueryのを使用してDIV

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

Answer 2

以下のように。あなたはここに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'); 
} 
});