title: Jquery - fadeIn() displaying same image repeatedly
body: <p>I am new on this forum and maybe this question has been asked already. But still, I need help from respected users of this forum. let me share my(HTML n Jquery) coding...</p>
  
  <p><strong>jquery</strong>
        </p>
  
  <pre><code>      $(".container").click(function(){
  
          $(".product-view").fadeIn()
        });
        $(".close-button").click(function(){
          $(".product-view").fadeOut()
        });
  
    &lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class = "container"&gt;
      &lt;div class = "middle"&gt;
          &lt;img src = "BLUE(Linen Shirt).jpg"&gt; &lt;/div&gt;
      &lt;div class="on-top"&gt;
          &lt;button class="qvbtn"&gt;&lt;b&gt;Quick View&lt;/b&gt;&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="product-view"&gt;
      &lt;div class="close-button"&gt; X &lt;/div&gt;
      &lt;div class="product-big-image"&gt;
          &lt;img src="BLUE(Linen Shirt).jpg"&gt; 
      &lt;/div&gt;
      &lt;div class="product-big-desc"&gt;
          &lt;h2&gt;Linen Shirt&lt;/h2&gt;
          &lt;h5&gt;Produce Code:&lt;/h5&gt; 
          &lt;h5&gt;Brand:&lt;/h5&gt;
          &lt;div class="price"&gt;
              &lt;h4 class="OldPrice"&gt;&lt;del&gt;150 SAR&lt;/del&gt;
                  &lt;sup&gt;50% off&lt;/sup&gt;
              &lt;/h4&gt; &lt;!--h4 class="NewPrice"&gt;75 SAR&lt;/h4--&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>