juqery同级选择问题

[4936089]

HTML代码：

<div id="list">
		<div class="uidlist">
			<img src="{$v.pic}" />
			<div class="centent">
				昵称：11111<br>
				地区：2222222<br>
				签名：3333333<br>
			</div>
			<a href="javascript:void(0);" class="showbtn{$v.id}"><img src="__PUBLIC__/images/wx.png" style="float: right;"></a>
		</div>
		<div class="box" style="display:none">
		    	<div class="list">
		    		<div><b>标题</b></div>
		    		<img src="图片">
		    		<p><font color="blueviolet">内容</font></p>
		    		<p><button id="close" type="button" class="mui-btn mui-btn-primary">返回</button></p>
		    	</div>
		</div>
		</div>
<div id="list">
		<div class="uidlist">
			<img src="{$v.pic}" />
			<div class="centent">
				昵称：11111<br>
				地区：2222222<br>
				签名：3333333<br>
			</div>
			<a href="javascript:void(0);" class="showbtn{$v.id}"><img src="__PUBLIC__/images/wx.png" style="float: right;"></a>
		</div>
		<div class="box" style="display:none">
		    	<div class="list">
		    		<div><b>标题</b></div>
		    		<img src="图片">
		    		<p><font color="blueviolet">内容</font></p>
		    		<p><button id="close" type="button" class="mui-btn mui-btn-primary">返回</button></p>
		    	</div>
		</div>
		</div>
<div id="list">
		<div class="uidlist">
			<img src="{$v.pic}" />
			<div class="centent">
				昵称：11111<br>
				地区：2222222<br>
				签名：3333333<br>
			</div>
			<a href="javascript:void(0);" class="showbtn{$v.id}"><img src="__PUBLIC__/images/wx.png" style="float: right;"></a>
		</div>
		<div class="box" style="display:none">
		    	<div class="list">
		    		<div><b>标题</b></div>
		    		<img src="图片">
		    		<p><font color="blueviolet">内容</font></p>
		    		<p><button id="close" type="button" class="mui-btn mui-btn-primary">返回</button></p>
		    	</div>
		</div>
		</div>

Jquery代码：

 $(function () {
			    $(this).click(function () {
			        var $box = $(".box");
			        $box.css({
			            //设置弹出层距离左边的位置
			            left: ($("body").width() - $box.width()) / 2 - 20 + "px",
			            //设置弹出层距离上面的位置
			            top: ($(window).height() - $box.height()) / 2 + $(window).scrollTop() + "px",
			        });
			         $(".box").toggle(1000);
			    });
			    //点击关闭按钮的时候，遮罩层关闭
			    $("#close").click(function () {
			        $(".box").hide(1000);
			    });
			});

怎么可以 点击上面的那个 A标签 显示下面的 DIV 现在这样 点击一个A标签 全部的 DIV都会显示

[斯洛文尼亚旅游]

$('a').click(function () {
                    var $box = $(".box");
                    $box.css({
                        //设置弹出层距离左边的位置
                        left: ($("body").width() - $box.width()) / 2 - 20 + "px",
                        //设置弹出层距离上面的位置
                        top: ($(window).height() - $box.height()) / 2 + $(window).scrollTop() + "px",
                    });
                    $(this).parent().next().toggle(1000);
                });