Javascript 使用Jquery在单击“时显示表单”；添加Object"；Rails应用程序中的按钮

我正在尝试创建一个“添加汽车”按钮，当单击该按钮时，会显示用户用于将汽车添加到其个人资料中的表单。我认为jQuery是正确的，但我不确定如何将按钮id和表单连接到脚本以使其正常工作。我目前有：

home.html.erb

<div class="row">
  <aside class="col-md-4">
    <section class="user_info" %>
      <%= render 'shared/user_info' %> 
    </section>
    <%= link_to "Add Car", shared/car_form, id: "add", class: "btn btn-lg btn-primary" %> //button that I want to hide/show the form

    <section class="car_form">
      <%= render 'shared/car_form' %> // current version that shows the form without having to click a button
    </section>
  </aside>
  <div class="col-md-8">
    <h3>My Cars</h3>
    <%= render 'shared/feed' %>
  </div>
</div>  

<script type="text/javascript">     
     $(document).ready(function() {

       $('shared/car_form').hide();   // inserted form id, hides form
        $('add').click(function() {   // inserted button id
         $('shared/car_form').show(); // inserted form id, shows form
     });
   });
</script>

<%= form_for(@car, html: {multipart: true}) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
  <h3> Add Your Car</h3>
  <div class="field">
    <%= f.text_area :year, placeholder: "Year i.e. '1993" %>
    <%= f.text_area :brand, placeholder: "Brand i.e. 'Ford'"%>
    <%= f.text_area :model, placeholder: "Model i.e. 'Mustang'" %>
    <%= f.text_area :vin, placeholder: "17 digit VIN number" %>
    <%= f.text_area :mileage, placeholder: "Current Car Mileage" %>
  </div>
  <%= f.submit "Add Car", class: "btn btn-primary" %>
  <span class="picture">
    <%= f.file_field :picture, accept: 'image/jpeg,image/gif,image/png' %>
  </span>
<% end %>

<script type="text/javascript">
  $('#car_picture').bind('change', function() {
    size_in_megabytes = this.files[0].size/1024/1024;
    if (size_in_megabytes > 5) {
      alert('Maximum file size is 5MB. Please choose a smaller file.');
    }
  });
</script>

//要隐藏/显示窗体的按钮
//无需单击按钮即可显示表单的当前版本
我的车
$（文档）.ready（函数（）{
$（'shared/car_form'）.hide（）；//插入表单id，隐藏表单
$（'add'）。单击（函数（）{//插入的按钮id
$（'shared/car_form'）.show（）；//插入的表单id，显示表单
});
});

这是汽车表单，位于“共享”文件夹中 \u car\u form.html.erb

<div class="row">
  <aside class="col-md-4">
    <section class="user_info" %>
      <%= render 'shared/user_info' %> 
    </section>
    <%= link_to "Add Car", shared/car_form, id: "add", class: "btn btn-lg btn-primary" %> //button that I want to hide/show the form

    <section class="car_form">
      <%= render 'shared/car_form' %> // current version that shows the form without having to click a button
    </section>
  </aside>
  <div class="col-md-8">
    <h3>My Cars</h3>
    <%= render 'shared/feed' %>
  </div>
</div>  

<script type="text/javascript">     
     $(document).ready(function() {

       $('shared/car_form').hide();   // inserted form id, hides form
        $('add').click(function() {   // inserted button id
         $('shared/car_form').show(); // inserted form id, shows form
     });
   });
</script>

<%= form_for(@car, html: {multipart: true}) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
  <h3> Add Your Car</h3>
  <div class="field">
    <%= f.text_area :year, placeholder: "Year i.e. '1993" %>
    <%= f.text_area :brand, placeholder: "Brand i.e. 'Ford'"%>
    <%= f.text_area :model, placeholder: "Model i.e. 'Mustang'" %>
    <%= f.text_area :vin, placeholder: "17 digit VIN number" %>
    <%= f.text_area :mileage, placeholder: "Current Car Mileage" %>
  </div>
  <%= f.submit "Add Car", class: "btn btn-primary" %>
  <span class="picture">
    <%= f.file_field :picture, accept: 'image/jpeg,image/gif,image/png' %>
  </span>
<% end %>

<script type="text/javascript">
  $('#car_picture').bind('change', function() {
    size_in_megabytes = this.files[0].size/1024/1024;
    if (size_in_megabytes > 5) {
      alert('Maximum file size is 5MB. Please choose a smaller file.');
    }
  });
</script>

加上你的车
$（“#汽车图片”）.bind（'change'，function（）{
size_in_MB=this.files[0]。size/1024/1024；
如果（大小（单位：兆字节>5）{
警报（'最大文件大小为5MB。请选择较小的文件'）；
}
});

---

jQuery已添加到gem文件并已安装。需要帮助来实现它。

您可以添加如何编辑上面home.html.erb中的按钮吗？对于一个只隐藏列表并有id，而没有提交操作或其他东西的按钮，我无法获得正确的语法。

$('.btn-primary').on('click',function(evt) {
    $('.car_form').show();
});