Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="slides-preview">
- <button type="button" class="arrow-prev></button>
- <div class="slide1">
- <div class="slide1-elm">
- <div class="header">Name slide 1 element 1</div>
- <div class="slide2">
- <span class="close">close</span>
- <div class="option"></div>
- <div class="option"></div>
- <div class="option"></div>
- </div>
- </div>
- <div class="slide1-elm">
- <div class="header">Name slide 1 element 2</div>
- <div class="slide2">
- <span class="close">close</span>
- <div class="option"></div>
- <div class="option"></div>
- <div class="option"></div>
- </div>
- </div>
- <div class="slide1-elm">
- <div class="header">Name slide 1 element 3</div>
- <div class="slide2">
- <span class="close">close</span>
- <div class="option"></div>
- <div class="option"></div>
- <div class="option"></div>
- </div>
- </div>
- </div>
- <button type="button" class="arrow-next></button>
- </div>
- .slide2 { display: none; }
- button { position: absolute; top: 0; }
- .arrow-prev { left: 0; }
- .arrow-next { right: 0; }
- .close { }
- $(document).ready(function(){
- function initCompSlide(){
- $('.slide1').not('.slick-initialized').slick({
- infinite: false,
- initialSlide: 0,
- slidesToShow: 4,
- slidesToScroll: 4,
- slickSetOption: true,
- prevArrow: $('button.arrow-prev'),
- nextArrow: $('button.arrow-next')
- });
- }
- function initOptSlide(elm){
- elm.not('.slick-initialized').slick({
- infinite: false,
- initialSlide: 0,
- slidesToShow: 4,
- slidesToScroll: 4,
- focusOnSelect: true,
- slickSetOption: true,
- prevArrow: $('button.arrow-prev'),
- nextArrow: $('button.arrow-next')
- });
- }
- initCompSlide();
- $(document).on('click', '.slide1-elm', function () {
- var optBlock = $(this).find('.slide2');
- initOptSlide(optBlock);
- });
- $(document).on('click', '.close', function (e) {
- e.stopPropagation();
- $('.slide2.slick-initialized').slick('unslick'); //notworking
- $('.slide2.slick-initialized').slick('setPosition'); //not working
- });
- });
Add Comment
Please, Sign In to add comment