var show=document.getElementsByClassName("reference_hidden"); var reference_btn=document.getElementsByClassName("reference_btn"); var flag=1; function reference_show_list(){ Array.from(document.getElementsByClassName("reference_hidden")).forEach(function(element){ var index = element.className.split("reference_show")[1] * 1; if(index==flag){ element.style.display="block"; reference_btn[flag-1].style.color="#ffb867"; } else{ element.style.display="none"; reference_btn[index-1].style.color="#646464"; } }) } reference_show_list(); function reference_list(list_number){ flag=list_number; reference_show_list(); }