切換DIV基於JavaScript

Question

我有以下腳本，顯示一個div點擊一個鏈接時...

$(document).ready(function() { 
      $('.accordion ul li h1').click(function() { $(this).parent().parent().find('.ac:visible').slideToggle().parent().removeClass('active'); if ($(this).next().is(':hidden')) $(this).next().slideToggle().parent().addClass('active'); }); 
     }); 

我也有我的網頁

<div id="shortinfo">short info</div> 

上一個div我會怎樣當鏈接被點擊時去設置短信息到didssapear，並且一旦它再次點擊就重新出現？

我嘗試添加

<h1 onclick="document.getElementById('shortinfo').style.display='none'"> 

但後來我需要它來再現一旦其再次點擊？

---

這是我的新代碼，似乎並不witht他的工作切換

$(document).ready(function() { 
      $('.accordion ul li h1').click(function() { $(this).parent().parent().find('.ac:visible').slideToggle().parent().removeClass('active'); if ($(this).next().is(':hidden')) $(this).next().slideToggle().parent().addClass('active'); }); 
      $('#shortinfo').toggle(); 

     }); 

Answer 1

刪除的onclick

$("#shortinfo").toggle(); 

Answer 2

當你正在使用JQuery，你可以使用切換方法來顯示或隱藏該元素：http://api.jquery.com/toggle/

然後，您可以執行以下操作：

$('#shortinfo').toggle(); 

將它與你的H1的onclick整合，這將成爲：

<h1 onclick="$('#shortinfo').toggle()">