如何制作Gmail类型的会话视图

Question

• 我想查看邮件列表，例如gmail会话。
• 外观像手风琴，
• 可以通过点击查看多条消息，

• 如果有更多的消息像5或更多，那么视图应该是 像'较旧的消息'一样崩溃

• 如何通过jQuery或其他任何方式实现这一目标更好。 请给我一些提示/帮助让我继续

Answer 1

这肯定可以通过jQuery实现。但是，有许多方法可以实现此功能，有些方法比其他方法更直接。

第一个选项是在页面加载时简单地加载所有消息，然后隐藏除最后一个之外的所有消息。然后，您可以使用jQuery在用户点击时显示它。但是，这是非常低效的，因为它会减慢初始加载时间。 accordion found here（credit）是一个很好的起点。这是jQuery代码：

(function($) {

  var allPanels = $('.accordion > dd').hide();

  $('.accordion > dt > a').click(function() {
    allPanels.slideUp();
    $(this).parent().next().slideDown();
    return false;
  });

})(jQuery);

更好的选择是加载以前的消息（日期，发件人和主题）的基本数据，然后在用户点击消息时使用AJAX获取整个内容。这是一种更好的方法，因为您只需在需要时请求数据。您可以在API Docs中了解有关在jQuery中使用AJAX的更多信息。

这应该为您提供一个起点。但是，您应该被告知，SO不是驱动程序代码生成器。它用于询问与编程问题有关的具体问题。根据上面的信息，你应该做一些研究，把它放在一起，如果/遇到问题，请在这里询问。请务必包含您的代码以及对问题和预期结果的非常好的描述。