Advertisement
Guest User

Untitled

a guest
Jul 24th, 2014
196
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.75 KB | None | 0 0
  1. if ($(window).width() < 769) {
  2. $('.faq_wrap span.plus').on(touchClick, function (e) {
  3. var topEl = $(this).parent().parent();
  4. if (topEl.hasClass('active')) {
  5. topEl.removeClass('active');
  6. topEl.find('.answer').slideUp('fast');
  7. return false;
  8. }
  9. topEl.each(function (index, el) {
  10. topEl.removeClass('active');
  11. topEl.find('.answer').slideUp('fast');
  12. });
  13. topEl.find('.answer').slideDown('fast');
  14. topEl.addClass('active');
  15. console.log(topEl);
  16. });
  17. } else if ($(window).width() >= 769) {
  18. $('.faq_wrap').on(touchClick, function (e) {
  19. if ($(this).hasClass('active')) {
  20. $(this).removeClass('active');
  21. $(this).find('.answer').slideUp('fast');
  22. return false;
  23. }
  24. $('.faq_wrap').each(function (index, el) {
  25. $(this).removeClass('active');
  26. $(this).find('.answer').slideUp('fast');
  27. });
  28. $(this).find('.answer').slideDown('fast');
  29. $(this).addClass('active');
  30. console.log($(this));
  31. });
  32. }
  33. $('.faq_wrap a').on(touchClick, function (e) {
  34. e.stopPropagation();
  35. });
  36.  
  37. <div class="faq_wrap">
  38. <div class="faq_outline top"></div>
  39. <div class="faq_outline middle inner_row">
  40. <span class="plus"></span>
  41. <ul>
  42. <li>
  43. Check out this question!
  44. </li>
  45. </ul>
  46. <div class="answer">
  47. <ul>
  48. <li>This is where the secret answer is! Oh la la!</li>
  49. </ul>
  50. </div>
  51. </div>
  52. <div class="faq_outline bottom"></div>
  53. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement