JavaScript：機能を減らすには？

Question

4つの関数を1つにまとめる方法を教えてください。 動作させるために、ベロー機能の単一のスコープを作成する方法。

var ele; 
var ele1; 
var ele2; 
var ele3; 
var ele4; 
function Myfunction(obj) { 
    ele=document.getElementById(obj).style; 
    if(ele.display=="none") { 
     ele.display="block"; 
     ele1.display="none"; 
     ele2.display="none"; 
     ele3.display="none"; 
    } 
    else { ele.display="none"; } 
} 

動作させるために蛇腹機能の単一スコープを作成する方法。

function Myfunction1(obj1) { 
    ele1=document.getElementById(obj1).style; 
    if(ele1.display=="none") { 
     ele1.display="block"; 
     ele.display="none"; 
     ele2.display="none"; 
     ele3.display="none"; 
    } 
    else { ele1.display="none"; } 
} 

動作させるために蛇腹機能の単一スコープを作成する方法。

function Myfunction2(obj2) { 
    ele2=document.getElementById(obj2).style; 
    if(ele2.display=="none") { 
     ele2.display="block"; 
     ele.display="none"; 
     ele1.display="none"; 
     ele3.display="none"; 
    } 
    else { ele2.display="none"; } 
} 

動作させるために蛇腹機能の単一スコープを作成する方法。

function Myfunction3(obj3) { 
    ele3=document.getElementById(obj3).style; 
    if(ele3.display=="none") { 
     ele3.display="block"; 
     ele.display="none"; 
     ele2.display="none"; 
     ele1.display="`enter code here`none"; 
    } 
    else { ele3.display="none"; } 
} 

Answer 1

あなたは

は、まず、あなたの特徴に応じて、この名前を変更することができますcommonClassすべての要素にクラスを追加し、1つの関数にそれをすべて行うことができます。

ここで、関数を作成し、要素のIDを渡します。

function Myfunction(obj) { 
    var x = document.querySelectorAll(".commonClass"); 
    var i; 
    for (i = 0; i < x.length; i++) { 
    x[i].style.display = "none"; 
    } 
    document.querySelector("#"+obj).style.display = "block"; 
} 

多くの方法がありますが、それを理解するのは簡単ですが。