JQuery Toggle Multiple Divs + Подробнее/Читать меньше

Question

Совершенно новый для jQuery, поскольку я уверен, что вы скоро сможете сказать.

Я просматривал форумы ищут решения двух основных вопросов, я испытывающим:

• Независимое переключение между несколькими дивы &
• Переключение между «Подробнее» & ' Показать меньше '

Ниже приведен сценарий, который я использую для страницы, однако, когда я выбираю конкретную ic div, который показывает дополнительный контент внизу, отображаемое изображение скрыто & заменено на 'Показать меньше'.

$(".stage-description").slideUp(); 

$(".stage-logo").click(function(){ 
    $(".stage-description").not($(this).next()).hide(1); 
    $(this).next(".stage-description").slideToggle("1"); 
    $(this).text($(this).text() == 'Show Less' ? "Read More" : "Show Less"); 
}); 

Ниже приведен пример страницы, где я столкнулся с этой проблемой.

http://jsfiddle.net/raym01/qmg4bxra/

Любая помощь будет принята с благодарностью!

Приветствия

Answer 1

изменение пятые линии:

$(this).children().last().text( 
    $(this).children().last().text() == 'Show Less' ? "Read More" : "Show Less" 
); 

Для доступа к нескольким элементам, которые можно использовать .each() и использовать $ (это)

Пример:

$('.article-less-button').each(function(){ 
    $(this).click(function(){ 
     $(this).parent().toggle(); 
     or 
     $(this).parent().children().last().toggle();//to toggle another element 
     ... 
    }) 
}) 

http://api.jquery.com/jquery.each/