jQuery雙擊鏈接刪除div內容

Question

當有人點擊鏈接時，我編寫了這段代碼來加載DIV的內容。

現在，如果您單擊鏈接兩次，它將刪除內容。

這是代碼：

$('a').click(function() {
   var id = $(this).attr('class');
 if(id == 'first')
    {
      $('.active').removeClass('active');   
      $('a.first').addClass('active');  
    } 
else if(id == 'second')    
     {
      $('.active').removeClass('active');   
      $('a.second').addClass('active');  
    } 

   $('#first').toggle(id == 'first');

   $('#second').toggle(id == 'second');
});​

HTML：

<a class="first">one</a>
<a class="second">two</a>
<div>
   <li id="first">
       <h2>pen</h2>
       <div>
           <div>parker</div>
       </div>
  </li>
  <li id="second" style="display: none;">
        <h2>car</h2>
        <div>Bugatti</div>
     </div>
   </li>
</div>​

CSS：

.active { color: green; }​

Answer 1

使用代碼的最簡單解決方法是在點擊回調函數上使用檢查條件：

http://jsfiddle.net/UuFgt/

if($(this).is('.active')) return false;

Answer 2

您不是在“加載”內容，而是在隱藏內容之后才顯示它（ display: none ）。 因此，內容不會被“刪除”，而是被隱藏了。 任何時候使用removeClass('active'); ，則隱藏相應的元素。 您的代碼中toggle()的想法是什么？ 我認為您使用錯了。 您應該將二者倒置（首先使用秒，然后使用第二），或者以不同的方式進行操作。