在jquery中点击按钮改变内容

Question

所以我的情况是这样的：

我有3种项目以div显示。在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

通过项目一阶然后用手风琴jQuery的