BootstrapTest/faq.js at master · jillsadowski/BootstrapTest · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(document).ready(function(){


    $('.faq_question').click(function(){

        if($(this).parent().is('.open')){
            $(this).closest('.faq').find('.faq_answer_container').animate({'height': '0'}, 500);
            $(this).closest('.faq').find('.letter_a').fadeOut(500);
            $(this).closest('.faq').find('.letter_q').animate({'left': '25px'});
            $(this).closest('.faq').removeClass('open');
        }else {
            var newHeight = $(this).closest('.faq').find('.faq_answer').height() + 'px';
            $(this).closest('.faq').find('.faq_answer_container').animate({'height': newHeight}, 500);
            $(this).closest('.faq').find('.letter_a').fadeIn(500);
            $(this).closest('.faq').find('letter_q').animate({'left':'10px'})
            $(this).closest('.faq').addClass('open');
        }
    });
    $('.faq').each(function(){
        $(this).append('<div class="letter_q">Q</div><div class="letter_a">A</div>')
    });
});