Bu nasıl fosfata eşdeğer</p> <pre><code>$("div.toggle1").hide(); $("div.toggle3").hide(); $("div.toggle4").hide(); $("div.toggle5").hide(); </code></pre> <p>.. bir kez jQuery

Question

ile bu gelip nasıl birden seçicileri değildir gizlemek için ...

bir tık olayı meydana

  $('#container div').not('.toggle2').hide(); 

ama kokan Birden çok hide() etiketini elle yazarak aynı şekilde çalışın. Sadece #container div'umda eklemeye devam ettiğim her div için hide() etiketi kullanımını azaltmaya çalışıyorum.

Answer 1

$("div.toggle1, div.toggle3, div.toggle4, div.toggle5").hide(); 

Ya da sadece aynı sınıf gizler her DOM öğesini vermek ve aynı senin yapabilirsiniz:

$('.hideClass').hide(); 

Answer 2

Kolayca css aracılığıyla kontrol edebilirsiniz. İçinde display:none stili olacak ana kapsayıcıya gizli bir sınıf ekleyin.sınıfındaki div için display:none istemiyorsanız, bu öğenin stilini geçersiz kılın. Bu şekilde, tüm kaplarda gizlemek veya tüm kapları ve arama gizleme yöntemini seçmek zorunda kalmazsınız.

ikinci durumda seçiciden `# container` kaldırmak için bu

.hidden{ 
    display:none; 
} 

.hidden .toggle2{ 
    display:block; 
} 

//This will add hidden class to the container which will 
//ultimately hide all the inner divs except div with class toggle2 
$('#container').addClass('hidden');