如何简化这段代码？ [英] how to simplify this code?

问题描述

 function edit_user（）{
 
 $（document）.ready（function（）{
 
 $（  #profile）。click（function（）{
 $（ ＃personal_details）。show（）; 
 $（ ＃education_details）。hide（）; 
 $（  #cetact）。hide（）; 
 $（ ＃cover_letter ）。hide（）; 
 $（ ＃professional_details） .hide（）; 
 $（ ＃Resume_Headline）。hide（）; 
 $（ ＃Project_Details）。hide（）; 
 $（ ＃Skills）。hide（）; 
}）; 
 
 $（ ＃Education_div）。click（function（）{ 
 $（ ＃personal_details）。hide（）; 
 $（  ＃education_details）。show（）; 
 $（  #certificate）。hide（）; 
 $（ ＃cover_letter）。hide（）; 
 $（ ＃professional_details）。hide（）; 
 $（  #Resume_Headline）。hide（）; 
 $（ ＃Project_Details）。hide（）; 
 $（  #S杀死）隐藏（）; 
 
}）; 
 
 $（ ＃course_div）。click（function（）{ 
 $（ ＃personal_details）。hide（）; 
 $（  ＃education_details）。hide（）; 
 $（  #certification）。show（）; 
 $（ ＃cover_letter）。hide（）; 
 $（ ＃professional_details）。hide（）; 
 $（  #Resume_Headline）。hide（）; 
 $（ ＃Project_Details）。hide（）; 
 $（ ＃Skil LS）隐藏（）; 
}）; 
 $（ ＃Coverletter_div）。click（function（）{
 $（ ＃personal_details）。hide（）; 
 $（ ＃education_details）。hide（）; 
 $（   #certification）。hide（）; 
 $（ < span class =code-string>＃cover_letter）。show（）; 
 $（ ＃professional_details）。hide（）; 
 $（ ＃Resume_Headline ）。hide（）; 
 $（ ＃Project_Details）。 hide（）; 
 $（ ＃Skill的）隐藏（）; 
}）; 
 $（ ＃professional_div）。click（function（）{
 $（ ＃personal_details）。hide（）; 
 $（ ＃education_details）。hide（）; 
 $（   #certification）。hide（）; 
 $（ < span class =code-string>＃cover_letter）。hide（）; 
 $（ ＃professional_details）。show（）; 
 $（ ＃Resume_Headline ）。hide（）; 
 $（ ＃Project_Details）。 hide（）; 
 $（ ＃Skil LS）隐藏（）; 
}）; 
 $（ ＃attached_div）。click（function（）{
 $（ ＃personal_details）。hide（）; 
 $（ ＃education_details）。hide（）; 
 $（   #certification）。hide（）; 
 $（ < span class =code-string>＃cover_letter）。hide（）; 
 $（ ＃professional_details）。hide（）; 
 $（ ＃Resume_Headline ）。show（）; 
 $（ ＃Project_Details）。 hide（）; 
 $（ ＃Skills< /跨度>）隐藏（）; 
}）; 
 $（ ＃project_div）。click（function（）{
 $（ ＃personal_details）。hide（）; 
 $（ ＃education_details）。hide（）; 
 $（   #certification）。hide（）; 
 $（ < span class =code-string>＃cover_letter）。hide（）; 
 $（ ＃professional_details）。hide（）; 
 $（ ＃Resume_Headline ）。hide（）; 
 $（ ＃Project_Details）。 show（）; 
 $（ ＃Skills）隐藏（）; 
}）; 
 $（ ＃skill_div）。click（function（）{
 $（ ＃personal_details）。hide（）; 
 $（ ＃education_details）。hide（）; 
 $（   #certification）。hide（）; 
 $（ < span class =code-string>＃cover_letter）。hide（）; 
 $（ ＃professional_details）。hide（）; 
 $（ ＃Resume_Headline ）。hide（）; 
 $（ ＃Project_Details）。 hide（）; 
 $（ ＃Skills）表示（）; 
}）; 
 
}）; 
} 

解决方案

（document）.ready（function（）{

（ #profile）。click（function（）{

< blockquote>（ ＃personal_details）。show（）;

function edit_user() {

    $(document).ready(function () {

        $("#profile").click(function () {
            $("#personal_details").show();
            $("#education_details").hide();
            $("#certification").hide();
            $("#cover_letter").hide();
            $("#professional_details").hide();
            $("#Resume_Headline").hide();
            $("#Project_Details").hide();
            $("#Skills").hide();
        });

        $("#Education_div").click(function () {
            $("#personal_details").hide();
            $("#education_details").show();
            $("#certification").hide();
            $("#cover_letter").hide();
            $("#professional_details").hide();
            $("#Resume_Headline").hide();
            $("#Project_Details").hide();
            $("#Skills").hide();

        });

        $("#course_div").click(function () {
            $("#personal_details").hide();
            $("#education_details").hide();
            $("#certification").show();
            $("#cover_letter").hide();
            $("#professional_details").hide();
            $("#Resume_Headline").hide();
            $("#Project_Details").hide();
            $("#Skills").hide();
        });
        $("#Coverletter_div").click(function () {
            $("#personal_details").hide();
            $("#education_details").hide();
            $("#certification").hide();
            $("#cover_letter").show();
            $("#professional_details").hide();
            $("#Resume_Headline").hide();
            $("#Project_Details").hide();
            $("#Skills").hide();
        });
        $("#professional_div").click(function () {
            $("#personal_details").hide();
            $("#education_details").hide();
            $("#certification").hide();
            $("#cover_letter").hide();
            $("#professional_details").show();
            $("#Resume_Headline").hide();
            $("#Project_Details").hide();
            $("#Skills").hide();
        });
        $("#attached_div").click(function () {
            $("#personal_details").hide();
            $("#education_details").hide();
            $("#certification").hide();
            $("#cover_letter").hide();
            $("#professional_details").hide();
            $("#Resume_Headline").show();
            $("#Project_Details").hide();
            $("#Skills").hide();
        });
        $("#project_div").click(function () {
            $("#personal_details").hide();
            $("#education_details").hide();
            $("#certification").hide();
            $("#cover_letter").hide();
            $("#professional_details").hide();
            $("#Resume_Headline").hide();
            $("#Project_Details").show();
            $("#Skills").hide();
        });
        $("#skill_div").click(function () {
            $("#personal_details").hide();
            $("#education_details").hide();
            $("#certification").hide();
            $("#cover_letter").hide();
            $("#professional_details").hide();
            $("#Resume_Headline").hide();
            $("#Project_Details").hide();
            $("#Skills").show();
        });

    });
}

解决方案

(document).ready(function () {

("#profile").click(function () {

("#personal_details").show();

这篇关于如何简化这段代码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！