index.php 11.7 KB
<div id="content">
<div class="contacts">
<div class="breadcrumbs">
    <div class="inner">
        <div class="order_menu_shadow"></div>
        <ul class="clearfix">
            <li  itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="" class="float"><a href="<?= $this->seoUrl->setUrl('/')?>" title="<?= $t->_("main_page") ?>" itemprop="url"><span itemprop="title"><?= $t->_("main_page") ?></span></a></li>
            <li class="float more"><img src="/images/breadcrumbs_arrow.png" alt="" height="7" width="7" /></li>
            <li  itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="" class="float"><a href="<?= $this->seoUrl->setUrl('/faq') ?>" title="<?= $t->_("faq") ?>" class="breadcrumbs_last" itemprop="url"><span itemprop="title"><?= $t->_("faq") ?></span></a></li>
        </ul>
    </div>
</div>

<div class="inner contacts_wrapper">
    <!---
    тест -->


<div class="inner clearfix">
    <div class="style">
        <div class="title_questions_ style"><?= $t->_("faq") ?></div>
        <ul class="questions_ style">
            <li>
                <span class="nav">1</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_a_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_a_text1") ?>
                        </p>
                    </div>

                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 1</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img1") ?>" width="745" height="350" alt=""></div>
                    </div>

                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 2</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img2") ?>" width="740" height="347" alt=""></div>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">2</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_b_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_b_text1") ?>
                        </p>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">3</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_c_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_c_text1") ?>
                        </p>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 3</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img3") ?>" width="989" height="168" alt=""></div>
                    </div>

                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 4</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img4") ?>" width="993" height="610" alt=""></div>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">4</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_d_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_d_text1") ?>
                        </p>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 5</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img5") ?>" width="989" height="168" alt=""></div>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 6</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img6") ?>" width="989" height="168" alt=""></div>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 7</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img7") ?>" width="989" height="168" alt=""></div>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 8</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img8") ?>" width="989" height="168" alt=""></div>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">5</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_e_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_e_text1") ?>
                        </p>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 9</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img9") ?>" width="989" height="168" alt=""></div>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 10</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img10") ?>" width="989" height="168" alt=""></div>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">6</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_f_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_f_text1") ?>
                        </p>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 11</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img11") ?>" width="989" height="168" alt=""></div>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 12</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img12") ?>" width="989" height="168" alt=""></div>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">7</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_g_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p><?= $t->_("faq_g_text1") ?></p>
                        <p><?= $t->_("faq_g_text2") ?></p>
                        <p><?= $t->_("faq_g_text3") ?></p>
                        <p><?= $t->_("faq_g_text4") ?></p>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 13</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img13") ?>" width="989" height="168" alt=""></div>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 14</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img14") ?>" width="989" height="168" alt=""></div>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">8</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_h_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_h_text1") ?>
                        </p>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 15</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img15") ?>" width="989" height="168" alt=""></div>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">9</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_i_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_i_text1") ?>
                        </p>
                    </div>
                </div>
            </li>
            <li>
                <span class="nav">10</span>
                <div class="questions_a">
                    <a href="#"><?= $t->_("faq_j_tit") ?></a>
                </div>
                <div class="questions_hide style">
                    <div class="questions_answer style">
                        <p>
                            <?= $t->_("faq_j_text1") ?>
                        </p>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 16</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img16") ?>" width="989" height="168" alt=""></div>
                    </div>
                    <div class=" pic_wr_ style">
                        <div class="pic_txt"><?= $t->_("faq_pic") ?> 17</div>
                        <div class="pic_img"><img src="<?= $t->_("faq_img17") ?>" width="989" height="168" alt=""></div>
                    </div>
                </div>
            </li>

        </ul>
        <script>
            $(document).ready(function () {
                $('ul.questions_ li .questions_a a').click(function (e) {
                    e.preventDefault()
                    $('ul.questions_ li').removeClass('active')
                    $(this).parent().parent().addClass('active')
                    $(this).find('.title_new').remove()
                    var thisOffset = $(this).parent().parent().offset().top
                    $('body, html').animate({scrollTop: thisOffset},400);
                })
                var longQuestions = $('.questions_ li .questions_a a')
                for (var i=0; i<longQuestions.length; i++) {
                    if(($(longQuestions[i]).html().length)>=118) {
                        $(longQuestions[i]).parent().addClass('long_')
                        $(longQuestions[i]).attr('data-title',$(longQuestions[i]).text())
                    }
                }
                $('ul.questions_ li .questions_a.long_ > a').hover(function () {
                    var newTitle = $(this).attr('data-title')
                    $(this).parent().parent().append('<div class=\"title_new\">'+newTitle+'</div>')
                },function () {
                    $(this).parent().parent().find('.title_new').remove()
                })
            })
        </script>
    </div>
</div>




<?= $this->partial('partial/share'); ?>

</div>



</div>
</div>