jquery – Slick Slider加载显示：none创建不好的启动

我在顶层(z-index)上有一个拇指画廊和一个Slick滑块,通过css隐藏,显示：none.
当点击拇指时,显示设置更改为阻止,滑块显示,但是：
幻灯片的宽/高/左/右等从不计算,看看这个小提琴：

http://jsfiddle.net/5eceg5yd/1/

HTML：

<a href="#">show slider</a>
<div id="addressesList">
    <div class="addressBox">
        <p>Mrs Name
            <br>Address1
            <br>London SE15 4DH
            <br>United Kingdom
            <br>
        </p>
    </div>
    <div class="addressBox">
        <p>Mrs Name
            <br>Address 2
            <br>New York SE15 4DH
            <br>United States of America
            <br>
        </p>
    </div>
    <div class="addressBox">
        <p>Mrs Name
            <br>Address3
            <br>London SE15 4DH
            <br>United Kingdom
            <br>
        </p>
    </div>
</div>

CSS：

#addressesList {
    display: none    
}

jQuery的：

var slider = $('#addressesList').slick({   
});

$('a').on("click",function() {
    $('#addressesList').css('display','block'); 
});

它就好像滑块装载了display：none,没有任何计算.也许它完全明显的是这应该发生,但我无法弄清楚如何创建一个“灯箱”的滑块没有这个工作.

$('#addressesList').get(0).slick.setPosition();

$('.your-element').slick('setPosition');