Скрыть\показать div

#jquery #html #javascript

У меня есть N-ое количество таких элементов на странице:

Любой текст
кнопки
 //этот элемент скрыт по-умолчанию.


Мне нужно, чтобы при нажатии на
Любой текст

Показывался div buttons . Причем только тот, который в данном блоке main. 
Я нашел примерный скриптик и чуть подстроил под себя , но проблема в том, что это
открывает кнопки всех элементов. 
Как это поменять?
Ссылка на JSFiddle    

Ответы

Ответ 1

Еще вариант, который точно работает в хроме:
$(".text").click(function() {
     $(this).closest('.main').find('.buttons').show();
});

UPDATE
$(".text").click(function() {
e = $(this).closest('.main').find('.buttons');
    if(!e.is(':visible')) {
    $('.buttons').hide();
    e.show();
}
});

Понял так.


Ответ 2

$(".text").click(function(){   
  $(this).next(".buttons").show();
});


Ответ 3

$(".text").click(function(){   
  $(this).next(".buttons").toggle();
});

Будет и открываться и закрываться, как указано в заголовке.


Ответ 4

getElementsByClass().





    
Любой текст
    
кнопки

Любой текст