의 jQuery .click() .toggle() 변경 디스플레이와 스왑 문자 여기

Question

내 jQuery를하다 모든 div의 이름이 .ask가 아닌 .next() div가 .ask라는 이름으로 만 효과가 나타나기를 원합니다.

나는 또한()에 '+'문자를 .toggle 할

'-'

는 사람이 도움을 수 있습니까?

Answer 1

이 같은 .next() 및 .toggle()를 사용하여 수행 할 수는 선택 일치하는 경우 다음 .nextAll('.addtitle:first'), .toggle() 사이클을 사용 사이에 뭔가있을 수 있습니다 경우

$('.ask').toggle(function() { 
    $(this).text('-').next('.addtitle').slideDown('fast'); 
}, function() { 
    $(this).text('+').next('.addtitle').slideUp('fast'); 
}); 

.next(selector)는, 다음 형제를 얻을 수 각 click 이벤트에서 제공하는 함수 사이에 있으므로 텍스트를 바꿔서 클릭 할 때마다 적절하게 슬라이드합니다.

Answer 2

$('.ask').click(function() { 
    var $this = $(this); 

    $this.find('.addtitle').slideToggle('fast', function() { 
    // Animation complete. 
    if($this.text() === '-') 
     $this.text('+'); 
    else 
     $this.text('-'); 
    }); 
});