JQuery анимировать на содержание Wordpress

Question

Я пытался сделать так, чтобы при нажатии на миниатюрное изображение сообщения содержимое анимировалось вниз в div. Если вы щелкнете по другому элементу div, контент будет анимирован обратно, а затем снова анимирован с новым контентом. Содержимое должно быть показано в div theContainer.

В настоящее время он ничего не делает, но я вполне уверен, что он близко, только что совершил глупую ошибку где-то, чего я не видел.

Live: http://www.mathewhood.com/sitefiles jsFiddle: http://jsfiddle.net/YpHCq/

N.B. <?php the_post_thumbnail(); ?> - отображает миниатюру поста (определяется при создании поста в WP) <?php the_title(); ?> - отображает заголовок сообщения <?php the_content(); ?> - отображает содержание сообщения

Answer 1

Это очень просто сделать, используя в качестве начала следующий jQuery:

$(thumb-nail).click(function(){
   $('.down').slideUp("fast").removeClass('down');
   $(this).parent().find(stuff-to-hide).slideDown("fast").addClass('down');
});

Проверьте мой рабочий пример здесь - http://jsfiddle.net/ajthomascouk/byWwk/

Answer 2

Попробуйте закомментировать фрагменты php, содержащиеся в вашем jQuery, так как они выглядят так, что страница работает некорректно.Я также изменил бы имя переменной с $ container на что-то более характерное.