Slick Slider Contribution

A Base fiddle for use in the issue section of github https://github.com/kenwheeler/slick/issues

HTML

<script src="http://cdn.jsdelivr.net/jquery.slick/latest/slick.min.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/jquery.slick/latest/slick.css">
<section class="slider">
    <div>slide1</div>
    <div>slide2</div>
    <div>slide3</div>
    <div>slide4</div>
</section>

<section class="slider">
    <div>slide1</div>
    <div>slide2</div>
    <div>slide3</div>
    <div>slide4</div>
</section>

CSS

.slick-slide {
    background: skyblue;
    color: white;
    padding: 30px;
    font-size: 30px;
    font-family: "Arial";

}

.slick-slide:nth-child(1),
.slick-slide:nth-child(3),
.slick-slide:nth-child(5),
.slick-slide:nth-child(7),
.slick-slide:nth-child(9),
.slick-slide:nth-child(11) {
     background: teal;
}

JavaScript

// simulate a "window.location.search" string.
    var testurl = "?slick1=1&slick2=2";

$(".slider")
    .slick()
    .each(function(){
        
        //if( window.location.search ) {
        if( testurl ) {
            
            var $slider = $(this),
                sliderid = $slider.slick("getSlick").instanceUid,
                //queries = window.location.search.slice(1).split("&"),
                queries = testurl.slice(1).split("&"),
                checkQuery;
                
                console.log(sliderid);
            
            for( query in queries ) {
                checkQuery = queries[query].split("=");
                console.log(checkQuery)
                if( checkQuery[0] === "slick" + ( sliderid + 1 ) ) {
                    $slider.slick( "slickGoTo", parseInt( checkQuery[1], 10 ) - 1, true );
                }
            }
        }

    });