jQuery翻轉！插件 - revertFlip（）不工作？

Question

原諒我，如果答案似乎太明顯了，我真的是新的jQuery。我試圖在我的網頁上使用Flip!插件，但由於某種原因，第二次用戶單擊<li>後，內容不會恢復，但是使用相同的翻轉功能，因此會呈現相同的結果。我希望用戶能夠隨意來回翻轉。這裏是我的代碼：

jQuery的

$('.class').click(
    function() { 
     $(this).flip({ 
      direction: 'lr', 
      content: $('p', this).html(), 
      speed: 200, 
     }) 
    }, 
    function() { 
     $(this).revertFlip() 
    } 
); 

HTML

<ul> 
    <li class="class"> 
     <span class="image"> 
      <img src="images/jquery-small.png" alt=""> 
     </span> 
     <p> 
      <span class="content">blah blah blah</span> 
     </p> 
    </li> 
</ul> 

Answer 1

.click()不採取兩種功能的引用。我認爲你正在尋找.toggle()（它）：

$('.class').toggle(
    function() { 
     $(this).flip({ 
      direction: 'lr', 
      content: $('p', this).html(), 
      speed: 200, 
     }) 
    }, 
    function() { 
     $(this).revertFlip() 
    } 
); 

http://jsfiddle.net/2WdqD/

（在這個例子中，我改變了「內容」，使之更加明顯，這是工作）