切換可見性javascript的div ID在鉻，而不是Firefox作品

Question

請有人可以幫助我，我有一些DIV的HTML頁面，我設置不顯示時，頁面打開，但當用戶單擊鏈接上的頁面，我想顯示DIV的內容。可見內容根據所點擊的鏈接切換。問題是，它在Chrome中正常工作，但在Firefox中不起作用。有人可以幫我做正確的代碼，以便它可以在兩個瀏覽器中使用嗎？

這裏是我有一個關閉的DIV代碼：

<script language="javascript"> 
<!-- 
function change_visibility(div_id) 
{ 
document.all['itinerary'].style.display = (div_id == 'itinerary') ? 'block' : 'none'; 
document.all['touroptionals'].style.display = (div_id == 'touroptionals') ? 'block': 'none'; 
document.all['map'].style.display = (div_id == 'map') ? 'block': 'none'; 
document.all['dates'].style.display = (div_id == 'dates') ? 'block': 'none'; 
document.all['hotels'].style.display = (div_id == 'hotels') ? 'block': 'none'; 
document.all['includes'].style.display = (div_id == 'includes') ? 'block': 'none'; 
document.all['tourdates'].style.display = (div_id == 'tourdates') ? 'block': 'none'; 
document.all['price'].style.display = (div_id == 'price') ? 'block': 'none'; 
} 

//--> 
</script> 

的頁面裏面我有以下鏈接：

<div id="tourmenu" > 
<a href="javascript:;" onClick="change_visibility('itinerary');">Full Itinerary</a> 
<a href="javascript:;" onClick="change_visibility('touroptionals');">Optional Extras</a> 
<a href="javascript:;" onClick="change_visibility('map');">Map</a> 
<a href="javascript:;" onClick="change_visibility('hotels');">Hotels</a> 
<a href="javascript:;" onClick="change_visibility('includes');">Includes &amp; Excludes</a> 
<a href="javascript:;" onClick="change_visibility('dates');">Dates</a> 
<a href="javascript:;" onClick="change_visibility('price');">Price</a> 
</div> 

在Chrome的所有作品完美，的DIV不顯示，當我點擊每個鏈接時，只顯示其內容的DIV。在Firefox中，他們全部都顯示，點擊鏈接什麼也不做。

任何想法？

Answer 1

document.all並非所有瀏覽器都支持。請使用document.getElementById以保證安全。