@nextnull

Как вывести контент с помощью show()?

Привет, подскажите как можно реализовать.
Есть страница вордпресс, для нее есть свой шаблон.
В этой странице нужно вывести 4 поста определеной категории.
С этим понятно. Сделал

Вот хочу сделать, при клике на ссылку поста, внизу показал контент этого поста. без перехода на страницу
  • Вопрос задан
  • 149 просмотров
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
Ну вообще, по хорошему, нужно сделать API, и за каждым постом обращаться по ajax, и выводить его.
А так, каждый пост пусть имеет блок
<div data-post-id="его post_id" class="post_block">Сам пост</div>

в css делаете
.post_block { display: none; }
и ссылки должны быть вида
<a href="что-то там" data-to-post="нужный post_id">текст</a>

и если мы юзаем jQuery, то пишем
$(function() {
   $('[data-to-post]').click(function(e) {
      e.preventDefault();
      var postId = $(this).data('to-post');
      $('.post_block').not('[data-post-id="' + postId + '"]').fadeOut(); // прячем все блоки, кроме текущего, чтобы не было бага анимации
      $('.post_block[data-post-id="' + postId + '"]').fadeIn(); // показываем нужный
   });
});

Как-то так. Писал с телефона, поэтому не поленитесь проверить.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Вешаешь обработчик на клик по заголовку.
Обработчик делает ajax-запрос.
Получает данные.
Выводит что-то там внизу.

С каким из пунктов сложности?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы