前提・実現したいこと
Railsでコメント機能を実装させようとしていますが、投稿ボタンが表示されず困っています。
流れとしては、表示アイコンをクリック→入力フォーム表示→投稿後、投稿がフォームの下部に表示というふうにしたいです。
アイコンクリック後の入力フォーム表示には成功しましたが、投稿ボタンが表示されず困っています。
アドバイスお願いします!
index.html.erb
該当のソースコードの抜粋
<div class="hidden-box"> <label for="toggle"><%= image_tag 'icons/comment.png', class: 'comment-icon' %></label> <input type="checkbox" id="toggle"/> <div class="hidden-show"> <%= form_for(:comment, url: comments_path(topic_id: :topic_id)) do |c| %> <div class="form-group"> <%= c.text_area :body, class: 'form-control' %> </div> <%= c.submit '投稿', class: 'btn btn-black btn-block' %> <% end %> </div> </div>
custom.css
/*ボタンホバー時*/ .hidden-box { .comment-icon:hover { background: #e6e6e6; } /*チェックは見えなくする*/ input { display: none; } /*中身を非表示にしておく*/ .hidden-show { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; } /*クリックで中身表示*/ input:checked + .hidden-show { padding: 5px 0; height: auto; opacity: 1; } }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/24 04:07
2018/02/24 05:09