Скрыть другой DIV элемент

Question

У меня есть некоторый код:

<div class="container"> 
     <div class="items">item1</div> 
     <div class="items">item2</div> 
     <div class="items">item3</div> 
     <div class="items">item4</div> 
    </div> 

Как я могу щелкнуть по одному из пунктов. Тогда только это элементов видно. Другие предметы скрыты?

Answer 1

в HTML

<div class="container"> 
     <div class="items">item1</div> 
     <div class="items">item2</div> 
     <div class="items">item3</div> 
     <div class="items">item4</div> 
    </div> 

в JS

$(".items").click(function(){ 
    $(this).parent().find(".item").hide(); 
    $(this).show(); 
}): 

ссылка show и hide

Answer 2

Быстрое решение может быть:

var items = $('.items'); 
items.on('click', function() { 
    items.hide(); 
    $(this).show(); 
}); 

Answer 3

Попробуйте это:

$(function() { 
    $(".items").on("click", function() { 
     // Hide all 
     $(".items").hide(); 
     // Show clicked 
     $(this).show(); 
    }); 
}); 

Answer 4

Вы можете использовать селектор not, чтобы включить все DIV с классом и исключить текущий DIV.

Код:

$(".items").click(function() { 
    $(".items").not(this).hide(); 
}) 

Демо: http://jsfiddle.net/IrvinDominin/BWUje/