jquery切換箭頭問題

我試圖在展開時向下添加箭頭圖像，並在未展開時向右箭頭圖像展開，這與下面的代碼一起工作正常。jquery切換箭頭問題

問題是當您再次摺疊該塊時，它不會刪除向下的箭頭圖像。當它倒塌時，我希望向右箭頭圖像替換下箭頭。

感謝

  $('#title h4').removeClass('DownArrow '); 
      $('#title h4').addClass('RightArrow '); 
      $('#title').click(function() { 
       $('#d-form').slideToggle("slow"); 
       $('#title h4').addClass('DownArrow ');    
      }); 


<div id="title"> <h4><a href="#">Dental</a></h4></div> 
<div id="d-form"> 
some stuff 
</div>

來源

2011-03-20 user244394

你應該只使用.toggleClass()^（DOCS）：

$('#title h4').removeClass('DownArrow '); 
$('#title h4').addClass('RightArrow '); 
$('#title').click(function(e) { 
    e.preventDefault(); 
    $('#d-form').slideToggle("slow"); 

    $('#title h4').toggleClass('RightArrow'); 
    $('#title h4').toggleClass('DownArrow'); 
});

我還添加了preventDefault()到點擊事件，這樣的散列不會裝入HREF。

See example →

來源

2011-03-20 20:54:59 mVChr

謝謝你，謝謝大家。 – user244394 2011-03-20 22:42:13

使用toggleClass代替

  $('#title h4').toggleClass('DownArrow'); 
      $('#title h4').toggleClass('RightArrow');

工作jsFiddle

來源

2011-03-20 20:55:52 RichardTheKiwi

jquery切換箭頭問題

回答

相關問題