0

HTML

<div class="accordion">
  <div class="accord-header">
    <a class="fleft">1 Title</a>
    <a class="fright exp"></a>
  </div>
    <div class="accord-content">
     ble ble ble
    </div>
  <div class="accord-header">
    <a class="fleft">2 Title</a>
    <a class="fright exp"></a>
  </div>
    <div class="accord-content">
     bla bla bla
    </div>
</div>

jQuery

$(document).ready(function() {

    $(".accordion .accord-header").click(function() {
      if($(this).next("div").is(":visible")){
      $(this).next("div").slideUp("slow");
      } else {
        $(".accordion .accord-content").slideUp("slow");
        $(this).next("div").slideToggle("slow");
      }
    });
});

基本的に、それは私の記事リストのアコーディオンです。<a>ここで、1 つのタブがクリックされたときに要素「fright exp」のクラスを「fright imp」に変更する必要があります。次のタブでも同じです。"fright exp" は記号 + で "fright imp" は - ですが、簡単な方法はありますか?

4

1 に答える 1

0 
$(document).ready(function() {

    $(".accordion .accord-header").click(function() {

      if($(this).next("div").is(":visible")){
        $(this).next("div").slideUp("slow");
        //clas that you want to add
        $(this).find('a').eq(1).addClass('yourclass');
        //clas that you want to remove..if any
        $(this).find('a').eq(1).removeClass('yourclass');
      } else {
        $(".accordion .accord-content").slideUp("slow");
        $(this).next("div").slideToggle("slow");
      }
    });
});
于 2013-09-08T17:02:27.767 に答える