如何制作像Stackoverflow一样的可折叠评论框

我正在构建一个站点,我有一个状态更新列表,我想允许用户为列表中的每个项目写评论

但是,我正在尝试实现一个类似于堆栈溢出的方式,特别是用户点击的可折叠注释表单/列表添加对列表中特定状态更新的注释,以及注释表单显示的列表中的项目下方以及已发布的具体评论。

我如何使用Jquery完成此操作?

注意:查找标记示例另一个单词是一个工作样本。 谢谢,是的,如果你能显示异步回发,那也很好

要加载内容,您可以使用load方法挂钩click事件以填充div。

例如,在视图中,您可以使用以下内容: –

 <%= Html.ActionLink("Comments", "CommentList", "Questions", new { Id = this.ViewData.Model.Id }, new { id = "commentLink" })%>  

而连接一切的javascript将是: –

  $(function() { $("#commentLink").click(function() { $("#commentContainer").toggle(); if ($("#commentContainer").is(":visible")) { $("#commentContainer").load($(this).attr("href")); } else { $("#commentContainer").html("Loading..."); //Or just leave it as is... } return false; //Prevent default action }); }); 

快速方法(仅用于显示/隐藏注释区域)将类似于以下内容:

 $(function(){ $('#id_of_element_to_use_for_click').click(function(){ $('#id_of_comment_area').slideToggle(); }); }); 

jQuery网站将为您提供不同方法的doco,例如淡入淡出,幻灯片或其他组合动画。

我在这里的例子中使用的“评论区域”可能是一个

标签,其中包含您现有的评论,以及您希望用户输入答案的textarea或文本输入框。

你需要做一个异步回发吗?