toggle - 页面上隐藏/显示 div 的多个实例

Question

如果只有一组要切换的元素，我的 div 切换脚本有效，但当每页有多个实例时则无效。需要多个 div 来独立/单独切换。

http://jsfiddle.net/pixeloco/2zCe5/

$(function(){
$('.showFull').click(function() {
    $('.targetDiv').hide();
    $('#div' + $(this).data('target')).show();
});   
});

因为最终代码将通过 wordpress 循环动态输出，所以使用 data-id 的解决方案（例如在这个线程中接受的答案How to create multiple instances of show/hide div in jquery?）对我很有吸引力，因为我可以用帖子编号。

不幸的是，我没有足够的 JS 知识来调整该解决方案以满足我的需求，希望有人可以帮助我指出正确的方向。谢谢！

Answer 1

使用 Jquery 遍历上升到父“storeitem”级别，然后按照自己的方式返回。这样，所有的切换都保留在给定的 storeitem 中：

http://jsfiddle.net/2zCe5/1/

$(function(){
    $('.showFull').click(function() {
        $(this).parents('.storeitem').find('.targetDiv').hide();
        $(this).parents('.storeitem').find('#div' + $(this).data('target')).show();
    });   
});

可能有更优雅的方式来编写它，但这就是想法。