「彈出圖像」 - 在彈出圖像後重新隱藏圖像時出現問題

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 %>