Показать контент при наведению мыши?

Question

[tekleworm]

Есть кнопки в таблице. Как сделать так, что бы они появлялись только тогда, когда наводиться курсор на таблицу?

Comments

[Dima Polos]

Покажите разметку.

[tekleworm]

Dima Polos,

<table class="table table-striped">
      <tr><td class="col-md-1">Done</td></tr>
      <% @tasks.each do |task| %>
        <tr>
          <% if task.done %>
            <% if task.user_id == current_user.id %>
            <td><%= check_box_tag "cb_tasks[]", task.id %>
              <%= link_to task.title, task, class: "btn btn-info" %></td>

              <td><%= link_to 'Edit', edit_task_path(task), class: "btn btn-primary" %>
                <%= link_to 'Mark as to do', change_to_todo_path(task.id), class: "btn btn-success" %>
                <%= link_to 'Destroy', task, class: "btn btn-danger", method: :delete, data: {confirm: 'Are you sure?'} %></td>
            <% end %>
          <% end %>
        </tr>
      <% end %>
    </table>

[motr]

а вообще странно как-то... шаблонизатором пользоваться умеете, а css нет О_о

Answer 1

[motr]

пропишите css:

.кнопка {
  display: none;
}
.таблица:hover .кнопка {
  display: block;
}

естественно свои классы подставьте

.btn {
  display: none;
}
.table:hover .btn {
  display: block;
}

Comments

[Dima Polos]

Да, это и хотел написать, но думаю, вдруг кнопки не в таблице, а где-то рядом, тогда надо делать тоже самое, но селектор типа такого .таблица + .кнопка, или .таблица ~ .кнопка

[tekleworm]

А как правильно потом эти классы вызвать в таблице?