title: Sliding stops working after opening scaled version of slider
body: <p>I have a slider, and when I click on one of the images it contains, the bigger slider containing the same images is created and displayed, and all other elements are hidden.<br></p>
  <p>But if I click <strong>exactly on the first</strong> image of the first slider and then close the bigger slider, the smaller slider stops working: sliding doesn't work.<br></p>
  <p>I noticed that if I disable <code>autoplay</code> property of the first slider, everything works just fine.<br></p>
  <p>jsfiddle of the case when autoplay is <strong>enabled</strong> (not working): <a href="https://jsfiddle.net/seLn6c3w/" rel="nofollow noreferrer">https://jsfiddle.net/seLn6c3w/</a></p>
  <p>jsfiddle of the case when autoplay is <strong>disabled</strong> (working): <a href="https://jsfiddle.net/0dkqubc1/28/" rel="nofollow noreferrer">https://jsfiddle.net/0dkqubc1/28/</a></p>
  <p><strong>How can I make everything work fine even if autoplay property of the first slider is enabled?</strong><br><br></p>
  <p><strong>UPD:</strong><BR>
  The error occurs if you slide through the bigger slides a bit and only then close the bigger slider</p>