Как сделать вид разговора по типу 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 для извлечения всего содержимого, когда пользователь нажимает на сообщение. Это гораздо лучший подход, поскольку вы запрашиваете данные только тогда, когда это необходимо. Вы можете больше узнать об использовании AJAX в jQuery в своих API Docs.

Это должно дать вам отправную точку для работы. Однако вам следует посоветовать, что SO не является генератором кода привода. Он предназначен для задания конкретных вопросов, связанных с проблемами программирования. С приведенной выше информацией вы должны сделать некоторые исследования, поработать с ними, и если/когда вы столкнетесь с проблемами, спросите здесь. Обязательно укажите свой код и очень хорошее описание проблемы и желаемого результата.