Загрузка внешнего поста / контента в определенный div (jquery, wordpress)

Question

Я играл с темой grid-a-licious и нашел несколько действительно крутых сайтов, похожих на эту тему: ех. http://home.visuaal.com/

Вопрос в том, есть ли какая-либо идея о том, как содержимое публикации было загружено, как в примере выше?

Когда пользователь нажимает на каждое поле, конкретный div расширяется и отображает / загружает весь пост. При нажатии кнопки закрытия окно возвращается в нормальное состояние.

Я выяснил, как извлечь контент из постоянной ссылки поста и поместить его в коробку. Я также искал / экспериментировал с множеством jquery-скриптов, но безуспешно, чтобы заставить их работать с WordPress.

Answer 1

Если вам известен div, в который вы хотите загрузить данные, вы можете использовать load load . Чтобы показать и скрыть div, вы можете использовать одну из различных функций эффектов .

Например:

$("#your_div").load('/post_url', function() { 
  $(this).slideDown().click(function() { 
    $(this).slideUp();  // hide on any click - you can change the selector to suit your needs.
  });
});