在rails 4.2.1应用程序中使用javascript实现对搜索栏的显示/隐藏

<div id="search-bar">
  <%= text_field_tag :search, '', placeholder: 'Search...' %>
  <%= button_tag 'Search', id: 'search-button' %>
</div>

$(document).ready(function() {
  // 隐藏搜索栏
  $('#search-bar').hide();

  // 点击搜索按钮时显示/隐藏搜索栏
  $('#search-button').click(function() {
    $('#search-bar').toggle();
  });
});

#search-bar {
  margin-bottom: 10px;
}

#search-bar input[type="text"] {
  padding: 5px;
  width: 200px;
}

#search-bar button {
  padding: 5px 10px;
}