<div id="c-t-l-title">商品分类</div>
<div id="menu">
<div id="c-t-l-menu1" class="c-t-l-menu" onclick="menudisplay('c-t-l-menu1-sub');">盐都美食</div>
<div id="c-t-l-menu1-sub" class="c-t-l-menu-sub" style="display:block;">
<ul>
<li><a href="#">火边子牛肉</a></li>
<li><a href="#">冷吃兔</a></li>
<li><a href="#">牛肉干</a></li>
</ul>
</div>
<div id="c-t-l-menu2" class="c-t-l-menu" onclick="menudisplay('c-t-l-menu2-sub');">旅游特产</div>
<div id="c-t-l-menu2-sub" class="c-t-l-menu-sub" style="display:none;">
<ul>
<li><a href="#">大三绝</a></li>
<li><a href="#">小三绝</a></li>
</ul>
</div>
你的问题是拼写错误问题，函数中的参数名称和函数里面的名称不一致。
function menudisplay(**tagnanme**){
var tag=document.getElementById(**tagname**);
if(tag.style.display=="none") {
tag.style.display="block";
} else {
tag.style.display="none";
}
}
另外建议你学会看浏览器的报错信息，这样可以方便你定位问题。
首先请注意排版，这样有利于别人帮你排错，其次建议你装一个firebug或者其它的浏览器调试工具，这样有助你调试bug。
那个单引号不是中文的吗？，理论上讲是没有问题的