फिंगिंग

Question

के साथ jQuery .hide() का उपयोग करना मेरे पास .hide() फ़ंक्शन है जो चेकबॉक्स के आधार पर divs को छुपाता है।

JS Fiddle of it working here Real site example here

मैं इसे एनीमेशन देने के लिए इतना है कि .hide() बाहर में/फीका बजाय गायब हो जाएगा कोशिश कर रहा हूँ।

की कोशिश की jQuery फीका समारोह का उपयोग लेकिन .hide() के लिए एक पैरामीटर के रूप लेकिन

$("div").click(function() { 
     $(this).hide("fade", {}, 1000); 
}); 

मैं अपने कोड में इस का उपयोग कर (जे एस फिडल देखें) की कोशिश की काम करने के लिए के रूप में निम्नलिखित प्रतीत नहीं होता:

if(allSelected.length > 0){ 
      $("div.prodGrid > div:not(" + allSelected + ")").hide("fade", {}, 1000); 
     } 

मैं गलत कहां जा रहा हूं?

Answer 1

$("div").click(function() { 
    $(this).fadeOut(1000); 
}) 

वहाँ भी fadeIn और fadeToggle हैं।

Answer 2

आप @ Arnelle के समाधान का उपयोग हो सकता है अगर आप Fadeout करना चाहते हैं या

 $(this).hide("slow");//or $(this).hide(1000); 

अपने div छुपा से पहले गुजर "धीमी" दे देंगे एक अच्छा एनीमेशन के साथ $(this).hide("fade", {}, 1000); बदलें।

परिवर्तन के साथ अपने बेला संशोधित: http://jsfiddle.net/Z9ZVk/8/

Answer 3

बजाय की अवधि के साथ fadeout का उपयोग कर छिपाने का उपयोग करें।

if(allSelected.length > 0){ 
     $("div.prodGrid > div:not(" + allSelected + ")").fadeOut(1000); 
    } 

Working Fiddle

Answer 4

मैं नीचे दिए गए लिंक में कोड की कोशिश की है, इसका काम कर ठीक।

Using jQuery .hide() and .show() with fading - Live Demo

$("#btnHideShow").click(function() { 
      if ($("#btnHideShow").val() == "Hide") { 
       $("#imgHideShow").hide(1000); 
       $("#btnHideShow").attr("value", "Show"); 
      } 
      else { 
       $("#imgHideShow").show(1000); 
       $("#btnHideShow").attr("value", "Hide"); 
      } 
     }); 

तुम भी पा सकते हैं fadein, fadeOut, slideUp और slideDown thebelow लिंक से सर्वर का उपयोग कर।

fadeIn fadeOut and slideUp slideDown Effects Using Jquery