<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{$title}</title>
<meta name="keywords" content="{$keywords}" />
<meta name="description" content="{$description}" />
<meta name="generator" content="OpenWBS {$version}" />
<meta name="author" content="OpenWBS Team" />
<meta name="copyright" content="2008-2020 OpenWBS Inc." />
<!--#include file="include.css.html"-->
<link rel="stylesheet" href="../css/ow.faq.css?v={$version_sn}" />
</head>
<body>
<!--头部-->
<!--#include file="include.header.html"-->
<div class="ow-top-banner">
    <div class="section">
        <div class="banner-title"><h1>{%=OW.DB.getFieldValueBySQL("SELECT [name] FROM ow_category WHERE cate_id={$cate:root_id} AND "& OW.DB.auxSQL &"")%}</h1></div>
        <div class="banner-subtitle">{%=OW.DB.getFieldValueBySQL("SELECT [subname] FROM ow_category WHERE cate_id={$cate:root_id} AND "& OW.DB.auxSQL &"")%}</div>
    </div>
</div>
<div class="clear"></div>

<!--主内容区-->
<div class="ow-faq">
    <div class="header">
        <ul id="tab">
            <li class="current" name="tab" tab="1"><a href="javascript:;">{$cate:name}</a></li>
        </ul>
    </div>
    <div class="section" id="tabbox">
        <div class="ow-faq-list" is_tab="true" tab="[cate:i]">
            {content top="200" cate_id="{$cate:cate_id}" model="faq" table_join="INNER JOIN db_content_data on a.cid=db_content_data.cid"}
            {content:loop}
            <div class="faq-item">
                <h3 class="title"><a href="[content:link]" name="question"><i class="ques"></i>[content:ctitle]<i class="expand"></i></a></h3>
                <div class="section"><i class="answer"></i><%=OW.editorContentClientDecode("[content:content]")%></div>
            </div>
            {/content:loop}
            {/content}
        </div>
    </div>
    <script type="text/javascript">
	$(document).ready(function(){
		$("a[name='question']").toggle(
			function(){
				$(this).addClass("current");
				$(this).parent().next(".section").show(100);
			},
			function(){
				$(this).removeClass("current");
				$(this).parent().next(".section").hide(100);
			}
		);
	});
	</script>
</div>

<!--底部-->
<!--#include file="include.footer.html"-->
</body>
</html>
