<!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_headinc.tpl"}-->
<body>
<div id="doc"> 
  <!--{assign var='menuid' value='about'}--> 
  <!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_menu.tpl"}-->
  <div></div>
  <div id="bd">
    <div id="about" class="clearfix about-box">
      <div class="settings-head">
        <h2><!--{$about.title}--></h2>
        <div class="settings-local"><a href="<!--{$urlpath}-->">首页</a> > <!--{$about.title}--></div>
      </div>
      <div class="clear"></div>
      <div class="main" id="about_cont">
        <h3><!--{$about.title}--></h3>
        <!--{$about.content}--> 
      </div>
      <div class="ableft"> 
        
        <!--{assign var='aboutcat' value=vo_list("mod={aboutcat}")}--> 
        <!--{foreach $aboutcat as $volist}-->
        <h2 class="ablefth2" id="mycss_<!--{$volist.catid}-->"><a href="javascript:void(0);" onClick="changemenu(<!--{$volist.catid}-->);"><!--{$volist.catname}--></a></h2>
        <div class="aba" id='mylist_<!--{$volist.catid}-->' style="display:block;"> 
          <!--{assign var='aboutlist' value=vo_list("mod={about} where={v.catid='<!--{$volist.catid}-->'}")}--> 
          <!--{foreach $aboutlist as $val}--> 
          <a href="<!--{$val.url}-->" class="<!--{if $id == $val.abid}-->abnow<!--{/if}-->"><!--{$val.title}--></a> 
          <!--{/foreach}--> 
        </div>
        <!--{/foreach}--> 
        
      </div>
    </div>
  </div>
  <!--{include file="<!--{$tplpath}--><!--{$tplpre}-->block_footer.tpl"}--> </div>
</body>
</html><script language="javascript">
function changemenu(id){
	if ($('#mycss_'+id).attr('class') == 'ablefth1') {
		$('#mycss_'+id).removeClass('ablefth1');
		$('#mycss_'+id).addClass('ablefth2');
		$('#mylist_'+id).show();
	}
	else {
		$('#mycss_'+id).removeClass('ablefth2');
		$('#mycss_'+id).addClass('ablefth1');
		$('#mylist_'+id).hide();
	}
}
</script>