顯示內容的div的onclick

-3

問題：初學者級別代碼：純JavaScript顯示內容的div的onclick

我創造了一個網頁中，我正在通過渲染的主要資產淨值項中的JavaScript循環。在主導航下面，我創建了一些內容，每個主內容div都分配了不同的ID。

現在我想的onclick任何導航項目的，應當分別顯示的內容股利。請找到的jsfiddle鏈接：http://jsfiddle.net/shabirgilkar/GKLJz/1/

可我知道該怎麼做，在純JavaScript。任何幫助將不勝感激。

來源

2012-06-14 Shabir Gilkar

這是否意味着那麼我不應該得到的答案...？ –

否，則表示沒有人會打擾回答你的問題;-) – Gatekeeper

你看到了什麼？如此簡單的問題，並在22分鐘內沒有答案，通常需要2分鐘，就像一行js代碼... – Gatekeeper

好吧，我更新了你的提琴：http://jsfiddle.net/GKLJz/3/

的技巧是，你分配你的數組中ID菜單項，比你調用onClick功能切換CSS類accordig到你點擊什麼.. 。

如果你想讓它漂亮，使用一些JS動畫效果而不是改變類，如jQuery幻燈片描述here

順便說一句，你可以ommit init（）函數entirel Ÿ一個剛分配.hidden到其他的div默認

來源

2012-06-14 11:18:36 Gatekeeper

謝謝..不錯的解決方案...再次感謝.. –

前提是你裏面的文字導航盒匹配div.contents此代碼應該工作的ID。希望我幫助。

old="home"; 
     function init() { 
      document.getElementById('about').style.display = 'none'; 
      document.getElementById('products').style.display = 'none'; 
      document.getElementById('services').style.display = 'none'; 
      document.getElementById('career').style.display = 'none'; 
      document.getElementById('faq').style.display = 'none'; 
      document.getElementById('contact').style.display = 'none'; 
     var pages = document.querySelectorAll('a.box'); 
     for(i=0;i<pages.length;i++){ 
      pages[i].onclick=function(e){ 
       document.getElementById(old).style.display='none'; 
       old=e.target.innerHTML.toLowerCase(); 
       document.getElementById(old).style.display='inline-block'; 
       } 
     } 
      }

來源

2012-06-14 11:06:07 ppsreejith

顯示內容的div的onclick

回答

相關問題