jQueryを用いたアコーディオン表示について

こんにちは。

現在以下のサイトを参考にjQueryを用いたアコーディオン表示を実装しようとしています。

しかしなぜか以下のように画像が縦ならびになってしまいます。
http://hit-tsumami.com/2016/07/05/466/

CSSの問題でしょうか。
解決法がわかれば教えていただきたいです。
よろしくお願いします。

行動規範の内容に同意します

回答3件

_hiroさんが書かれているように、p要素があるせいですね。削除するか、スタイル属性でinline-blockにしてしまえば良いかと思います。

投稿2016/07/05 13:48

総合スコア254

ベストアンサー

ぱっと見ですが、liとliの間にpがあるので、それを削除すれば良いと思います。

投稿2016/07/05 13:10

退会済みユーザー

総合スコア0

もしコードがWordPressの投稿編集エリアに入力されている場合は、設定によっては改行が自動で変換されます。

HTMLのコードを直接書きたい場合は、本文エリアではなく、カスタムフィールドなどで管理されたほうが改行の問題などが起こりにくいです。

【wordpressカスタムフィールドの設定手順（表示・取得）と、プラグイン：「カスタムフィールドテンプレート」の使い方】
http://viral-community.com/wordpress/wordpress-custom-field-5309/

【【WordPress】プラグインCustom Field Suiteで管理画面をすっきり見せるための工夫｜ Tips Note by TAM】
http://www.tam-tam.co.jp/tipsnote/cms/post8147.html

投稿2016/07/05 15:53

総合スコア69398

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問