“弹出图像” - 在弹出图像后重新隐藏图像时出现问题

Question

你好，我目前有一个button_to和一个图像叫做basic(1).png我想放大显示类型。当图片被点击时，更大的克隆将会show。这目前的作品！但是，我想要能够再次隐藏cloned image当我点击cloned image。

• 如何在点击时隐藏第二张克隆图像？

<script type="text/javascript"> 
 
    $(function() { 
 
    $('#background-image-basic1').hide(); 
 
    }); 
 
</script> 
 

 
<div id="basic-1" style="height:100%;width:50%;display:inline-block;float:right;"> 
 
    <%= button_to 'javascript:;', :class => "view-popover1", :rel => "popover" do %> 
 

 
    <%= image_tag("basic(1).png", :alt => "basic(1).png", class: "img-responsive ", style:"border-radius:6px;") %> 
 

 
     <% end %> 
 
</div> 
 

 

 
<%= button_to 'javascript:;', :class => 'background-image-basic1', :rel => "popover", :id => "background-image-basic1" do %> 
 
    <%= image_tag("basic(1).png", :alt => "basic(1).png", class:"img-responsive thumbnail-instructions ", style:"border-radius:6px;") %> 
 
    <% end %> 
 

 

 
     
 
     <script type="text/javascript"> 
 
     $('.view-popover1').click(function() { 
 
      $('#background-image-basic1').show(); 
 
      }), 
 
      $('.background-image-basic1').click(function() { 
 
      $('#background-image-basic1').hide(); 
 
      }); 
 
     </script>

Answer 1

WRONG

<%= button_to %>

RIGHT

<%= link_to %>