メニューから他のdivの要素を表示/非表示にするにはどうすればいいですか？

Question

li要素に別のdivの要素の表示/非表示を強制するにはどうすればよいですか？ 私はそれぞれを使ってそのことができると思っていましたが、それは良い方法ですか？ ありがとう！あなたは

$('.menu_list li').on('click', function(){ 
    // if you want to show only one a time 
    $('.pages').removeClass('show'); 
    // 
    $('.pages').eq($(this).index()).addClass('show'); 
}); 

に

jsfiddle以下の希望の助けを現在の項目のインデックスを返します.INDEX（）メソッドを使用して、メニュー項目の表示を切り替えることができます

const menu = $('.menu_list li'); 
const pages =$('.pages').children(); 

menu.each(function(index) { 
    $(this).on('click',() =>{ 
    pages[i].addClass('show'); 
    }); 
}) 

jsfiddle.net

Answer 1

https://jsfiddle.net/2y1mm0bs/