Javascript 在jquery中单击按钮即可更改内容

所以我的场景是这样的：

我有3种类型的项目显示在div中。div顶部有三个按钮，当用户单击与该项目对应的任何按钮项目时，将显示该项目

项目来自后端，我将在页面加载中加载所有项目，因为我还需要它们，在其他地方，它们也在同一上下文中

目前，我也在采用show-hide方法。我想知道的是，在代码优化方面，是否还有其他方法比这更好。用户还可以编辑/添加/删除项目？ 这是我的

---

首先按项目排序，然后使用accordion jquery

这种显示/隐藏方法是最常用的方法。我认为您的代码很好。对于代码审查，考虑使用你的代码看起来不错。我认为这是一个很好的方法，但是如果数据的数量变得太多，你会加载它们吗？

$(document).ready(function(){
    console.log($('.toggleItems'));
    $('.toggleItems').click(function(){
        $('.containers').hide();  
        var identifier = $(this).data('identifier');
        console.log(identifier);
        $('#'+identifier).show();
    });
})