Question

如何实现新浪微博的点击评论按钮显示相应评论内容div

在做一个类似微博的项目，用户首页用php遍历出了所有的用户记录，以及相应评论，感觉很乱，想把评论先隐藏掉，用户点击记录下面的评论后，才会显示该记录的评论内容．纠结就在如何点击某条记录的评论按钮时，只显示当前记录的评论？我写成下面这样每次点击所有评论都显示出来了...$( ".show_comment" ).click(function() {　　$( ".comment" ).toggle( "fast", function() {　　});});

Answer 1

$( ".show_comment" ).on("click",function() {
		if($(".comment").css("display") == "block"){
			$( ".comment" ).hide();
		}else{
			$( ".comment" ).hide();
		}
	});

建议这么写

追问

用了一个笨办法实现了，就是在php遍历的时候给每个评论div加上一个不重复的id ($i)，然后给每个按钮添加一个onclick事件，把那个id传进去，就像这样: