隱藏＆顯示切換和類更改乘法div

我正在尋找一個解決方案的stackoverflow，但我沒有找到它。我的問題是，我在我的網站上製造了一個擾流板，它滑動的很好，但是當它滑過它時，它會改變課程並返回到當前課程。但是當我點擊不同的擾流板時，所有的破壞者都會打開並改變課程，我製作了多個不同的課程。隱藏＆顯示切換和類更改乘法div

<a class="show-hide" data-divId="stats1" href="javascript:void(0)"> 
<div class="spoiler-kop1"> 
    <span class="toer-kop-text">Toernooi 1</span> 
</div> 
</a> 
<div class="spoiler-img"> 
    <div class="toernooi-info"> 
     <table border="0"> 
      <tr> 
      <td>Start datum:</td> 
      <td>30-10-2013</td> 
      </tr> 
      <tr> 
      <td>Eind datum: </td> 
      <td>30-10-2013</td> 
      </tr> 
      <tr> 
      <td>Eind datum: </td> 
      <td>30-10-2013</td> 
      </tr> 
      <tr> 
      <td>Teams:</td> 
      <td> TCA , Curse , TSM , TGA<br/> RC , DHD , DDG , DODO </td> 
      </tr> 
      <tr> 
      <td>Type: </td> 
      <td>2 vs 2</td> 
      </tr> 
      <tr> 
      <td>Map:</td> 
      <td>Howeling Abyss</td> 
      </tr> 
     </table> 
    </div> 
    <a class="toernooi-img" href="../classes/fancybox/images/1-big.png"><img src="../classes/fancybox/images/1-small.png" alt=""/></a> 
</div>

，這裏是jQuery的

$(document).ready(function() { 
    $('.show-hide').click(function() { 
     $(this).next('div').slideToggle(); 
    }); 
});

來源

2013-10-30 user2929609

你可以嘗試這樣的事情：

$(document).ready(function() { 
    $('.show-hide').click(function() { 
     var $this = $(this); 
     $this.removeClass('show-hide').addClass('someNewClass'); 
     $this.next('div').slideToggle('slow', function() { 
      $this.removeClass('someNewClass').addClass('show-hide'); 
     }); 
    }); 
});

正如你可以看到動畫完成後slideToggle功能支持回調。

來源

2013-10-30 19:04:01 antyrat

你好@antyrat，謝謝你的迴應，但它的作品差不多。當動畫開始時，他改變了課程，但當它停止時，他又回到了老班。還有我還能做什麼/ – user2929609

@ user2929609所以你不想讓老班回來？你可以說得更詳細點嗎？無法完全理解你想從你的英語中得到什麼 – antyrat

隱藏＆顯示切換和類更改乘法div

回答

相關問題