Javascript 如何显示使用锚定标记链接的div？

我希望显示基于菜单标题单击的div，并且在显示单击的div时隐藏其他div。我已经在代码中显示了home div only和rest默认值

我试着用

let el = $(this).attr('href');
    $(el).toggle();

但它并不完美。我想只显示单击的div，默认情况下，当没有单击菜单时，home div应该是可见的

.content{
高度：20px；
}
.不活跃{
显示：无；
}
#家庭内容{
背景颜色：红色
}
#公文包内容{
背景颜色：蓝色；
}
#关于内容{
背景颜色：黄色；
}
#简历内容{
背景颜色：绿色；
}
#联系内容{
背景色：白色；
}

没关系，这对我很有用：

$('.sidebar-menu-item').click(function () {
    let href = $(this).attr('href');
    $(".content").addClass("inactive");
    $(href).removeClass("inactive");
});

试试这个

$（“.sidebar菜单项”）。单击（函数（）{
$（“.content”）.hide（）；
设el=$（this.attr（'href'）；
$（el.toggle（）；
});
#主页内容{
高度：200px；
背景颜色：红色
}
#公文包内容{
高度：200px；
背景颜色：蓝色；
显示：无；
}
#关于内容{
高度：200px；
背景颜色：黄色；
显示：无；
}
#简历内容{
高度：200px；
背景颜色：绿色；
显示：无；
}
#联系内容{
高度：200px；
背景色：白色；
显示：无；
}













家庭内容
关于内容
portoflio含量
简历内容
联系内容