Guest User

Untitled

a guest
Jun 19th, 2018
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.26 KB | None | 0 0
  1. <div class="slides-preview">
  2. <button type="button" class="arrow-prev></button>
  3. <div class="slide1">
  4. <div class="slide1-elm">
  5. <div class="header">Name slide 1 element 1</div>
  6. <div class="slide2">
  7. <span class="close">close</span>
  8. <div class="option"></div>
  9. <div class="option"></div>
  10. <div class="option"></div>
  11. </div>
  12. </div>
  13. <div class="slide1-elm">
  14. <div class="header">Name slide 1 element 2</div>
  15. <div class="slide2">
  16. <span class="close">close</span>
  17. <div class="option"></div>
  18. <div class="option"></div>
  19. <div class="option"></div>
  20. </div>
  21. </div>
  22. <div class="slide1-elm">
  23. <div class="header">Name slide 1 element 3</div>
  24. <div class="slide2">
  25. <span class="close">close</span>
  26. <div class="option"></div>
  27. <div class="option"></div>
  28. <div class="option"></div>
  29. </div>
  30. </div>
  31. </div>
  32. <button type="button" class="arrow-next></button>
  33. </div>
  34.  
  35. .slide2 { display: none; }
  36. button { position: absolute; top: 0; }
  37. .arrow-prev { left: 0; }
  38. .arrow-next { right: 0; }
  39. .close { }
  40.  
  41. $(document).ready(function(){
  42.  
  43. function initCompSlide(){
  44. $('.slide1').not('.slick-initialized').slick({
  45. infinite: false,
  46. initialSlide: 0,
  47. slidesToShow: 4,
  48. slidesToScroll: 4,
  49. slickSetOption: true,
  50. prevArrow: $('button.arrow-prev'),
  51. nextArrow: $('button.arrow-next')
  52. });
  53. }
  54.  
  55. function initOptSlide(elm){
  56. elm.not('.slick-initialized').slick({
  57. infinite: false,
  58. initialSlide: 0,
  59. slidesToShow: 4,
  60. slidesToScroll: 4,
  61. focusOnSelect: true,
  62. slickSetOption: true,
  63. prevArrow: $('button.arrow-prev'),
  64. nextArrow: $('button.arrow-next')
  65. });
  66. }
  67.  
  68. initCompSlide();
  69.  
  70. $(document).on('click', '.slide1-elm', function () {
  71. var optBlock = $(this).find('.slide2');
  72. initOptSlide(optBlock);
  73. });
  74.  
  75. $(document).on('click', '.close', function (e) {
  76. e.stopPropagation();
  77. $('.slide2.slick-initialized').slick('unslick'); //notworking
  78. $('.slide2.slick-initialized').slick('setPosition'); //not working
  79. });
  80.  
  81. });
Add Comment
Please, Sign In to add comment