点击jquery中的按钮更改内容

Question

所以我的情况是这样的：

我在div中显示3种物品。 div顶部有三个按钮，当用户点击任何与该项对应的按钮项时，会显示。

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

目前我正在关注show hide方法。我想知道的是，在代码优化方面可以有更好的方法吗？用户还可以编辑/add./remove项目吗？ 这是我的fiddle

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

Answer 1

按项目排序然后使用accordion jquery