<div class=\"inside-banner\">
    <div class=\"banner-title\">常見問答</div>
</div>
<div class=\"main clearfix\">
    <div class=\"content-body\">
        <div class=\"col-100 col-m\">
            <!-- 右欄 -->
            <div class=\"faq\" id=\"qaContent\">
                <div class=\"opacl\"><a href=\"#\" class=\"qa_showall\">全部展開</a> | <a href=\"#\" class=\"qa_hideall\">全部收合</a></div>
                <ul class=\"accordionPart\">
                    ({section name=m0 loop=$article.<~_mode~>})
                    <!-- 單筆消息 -->
                    <li>
                        <div class=\"qa_title\"><a href=\"javascript:;\">({$article.<~_mode~>[m0].name})</a></div>
                        <div class=\"qa_content\">({$article.<~_mode~>[m0].detail})
                            <div align=\"right\"><a href=\"#\" class=\"close_qa\">[ 關閉 ]</a></div>
                        </div>
                    </li>
                    <!-- 單筆消息 END -->
                    ({/section})
                </ul>
            </div>
        </div>
        <!-- 右欄 END -->
    </div>

    <script type=\"text/javascript\">
    $(function() {
        // 幫 div.qa_title 加上 hover 及 click 事件
        // 同時把兄弟元素 div.qa_content 隱藏起來
        $(\'#qaContent ul.accordionPart li div.qa_title\').hover(function() {
            $(this).addClass(\'qa_title_on\');
        }, function() {
            $(this).removeClass(\'qa_title_on\');
        }).click(function() {
            // 當點到標題時，若答案是隱藏時則顯示它；反之則隱藏
            $(this).next(\'div.qa_content\').slideToggle();
        }).siblings(\'div.qa_content\').hide();
        // 全部展開
        $(\'#qaContent .qa_showall\').click(function() {
            $(\'#qaContent ul.accordionPart li div.qa_content\').slideDown();
            return false;
        });
        // 全部隱藏
        $(\'#qaContent .qa_hideall\').click(function() {
            $(\'#qaContent ul.accordionPart li div.qa_content\').slideUp();
            return false;
        });
        // 關閉
        $(\'#qaContent .close_qa\').click(function() {
            $(this).parents(\'.qa_content\').prev().click();
            return false;
        });
    });
    </script>
</div>