<{* remove jquery loaded by module *}>
<script>$.noConflict();</script>
<script>$( document ).ready(function() {
        $('.collapsefaq').collapse('hide');
        if(window.location.hash) {
            hashChange(window.location.hash);
        }
    });
    window.onhashchange = function () {
        hashChange(window.location.hash);
    }
    function hashChange(hash) {
        $('.collapsefaq').collapse('hide');
        setTimeout(function(){
            var hashid = hash.substring(1);
            $('#collapsefa' + hashid).collapse('toggle');
            $('html, body').animate({
                scrollTop: $(hash).offset().top
            }, 'fast');
        }, 500);
    }
</script>
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="index.php"><{$smarty.const._XO_LA_XOOPSFAQ}></a></li>
    <li class="breadcrumb-item active"><a href="#"><{$category_name}></a></li>
</ol>

<div class="accordion" id="accordionExample">
<{foreach item=question from=$questions}>
    <div id="q<{$question.id}>" class="card">
        <div class="card-header" id="faqheading<{$question.id}>">
            <h2 class="mb-0">
                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapsefaq<{$question.id}>" aria-expanded="true" aria-controls="collapseOne">
                    <{$question.title}>
                </button>
            </h2>
        </div>

        <div id="collapsefaq<{$question.id}>" class="collapsefaq show" aria-labelledby="faqheading<{$question.id}>" data-parent="#accordionExample">
            <div class="card-body">
                <{$question.answer}>
            </div>
        </div>
    </div>
<{/foreach}>
</div>

<div style="text-align:center; padding: 3px; margin:3px;">
    <{$commentsnav}>
    <{$lang_notice}><{$smarty.const._XO_LA_BACKTOINDEX}>
</div>

<div style="margin:3px; padding: 3px;">
    <!-- start comments loop -->
    <{if $comment_mode == "flat"}>
        <{include file="db:system_comments_flat.tpl"}>
    <{elseif $comment_mode == "thread"}>
        <{include file="db:system_comments_thread.tpl"}>
    <{elseif $comment_mode == "nest"}>
        <{include file="db:system_comments_nest.tpl"}>
    <{/if}>
    <!-- end comments loop -->
</div>
