投稿のサムネイル画像をクリックすると、コンテンツがdivにアニメーション表示されるようにしています。別のdivをクリックすると、コンテンツは元の状態に戻り、新しいコンテンツでアニメーション表示されます。コンテンツはdiv theContainerに表示されます。WordpressコンテンツのjQueryアニメーション
現在のところ、何もしていませんが、私はそれが近いと確信しています。私は見たことのないどこかで愚かな間違いを犯しました。
ライブ：http://www.mathewhood.com/sitefiles jsFiddle：http://jsfiddle.net/YpHCq/
N.B. <?php the_post_thumbnail(); ?> - ポストサムネイル（WPでのポストを作成するときに定義された） <?php the_title(); ?>を表示 - ポスト <?php the_content(); ?>のタイトルを表示 - ポスト
の内容を表示しますこれは、次の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/
これは私が欲しいものではありません。私は言ったように、コンテンツがdiv theContentの上に表示されるようにします:) また、それはコンテンツのwordpressループと互換性がなければなりません。 –
これはwordpressループと互換性があります。正しいID /クラスを使用するには、これを調整するだけです。これは決定的な答えではなく、正しい方向への一歩となることを目指していました。 – Alex
彼らはRuにページを引き起こしていただきましたように見えるとしてあなたのjQueryの中に含まれているPHPの部分をコメントアウトしてみnが間違っています。私はvarの名前を$ containerからもっと特徴的なものに変更します。
jsfiddleで '' php''コンテンツを実行することはできません！あなたはどこにいらっしゃいましたか、誰も何のためにも投票したくないと言っても大丈夫です...私はあなたがそれを考えて罰せられるべきだと思います！たぶんあなたは賞金を設定することができます...次回あなたのオプションについて考えてみてください！ –
ループがどのように働いていたかを示すだけでなく、ストレートhtmlを投稿して、人々が私が参照したことなどを理解できないようにした。 私は、ここでは多くの人がアップホーテーション、彼らが私の道に沿って私を助けてくれたら、私は彼らに与えること以上に幸せです。私は彼らを誰にも譲らないと言っているわけではありません。 私の問題は、コンテンツを表示してjQueryでアニメーション化することです。 –
多分彼らは私のためにupvotesのためにここにいるstackoverflowは、別のPHP、Javascript、HTMLブックです！私は毎日私の答えと他の人の答えから学びます。 –