Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- if ($(window).width() < 769) {
- $('.faq_wrap span.plus').on(touchClick, function (e) {
- var topEl = $(this).parent().parent();
- if (topEl.hasClass('active')) {
- topEl.removeClass('active');
- topEl.find('.answer').slideUp('fast');
- return false;
- }
- topEl.each(function (index, el) {
- topEl.removeClass('active');
- topEl.find('.answer').slideUp('fast');
- });
- topEl.find('.answer').slideDown('fast');
- topEl.addClass('active');
- console.log(topEl);
- });
- } else if ($(window).width() >= 769) {
- $('.faq_wrap').on(touchClick, function (e) {
- if ($(this).hasClass('active')) {
- $(this).removeClass('active');
- $(this).find('.answer').slideUp('fast');
- return false;
- }
- $('.faq_wrap').each(function (index, el) {
- $(this).removeClass('active');
- $(this).find('.answer').slideUp('fast');
- });
- $(this).find('.answer').slideDown('fast');
- $(this).addClass('active');
- console.log($(this));
- });
- }
- $('.faq_wrap a').on(touchClick, function (e) {
- e.stopPropagation();
- });
- <div class="faq_wrap">
- <div class="faq_outline top"></div>
- <div class="faq_outline middle inner_row">
- <span class="plus"></span>
- <ul>
- <li>
- Check out this question!
- </li>
- </ul>
- <div class="answer">
- <ul>
- <li>This is where the secret answer is! Oh la la!</li>
- </ul>
- </div>
- </div>
- <div class="faq_outline bottom"></div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement