After successfully creating a slider using jQuery with the help of some Stack Overflow users, everything was working perfectly. However, when attempting to change the layout of the slider, it somehow broke and now all slides are being pushed out of the container. This seems to have disrupted the jQuery functionality as well. Any assistance in identifying what caused this issue would be greatly appreciated.
Here is the working version: http://jsfiddle.net/videma/t534v/
And here's the fiddle containing the new code that isn't functioning properly: http://jsfiddle.net/HfRdb/
Below is the provided code:
HTML:
<div class="slideshow">
<div class="slideContainer">
...
[slider content]
...
</div>
[more slide containers]
</div>
...
CSS:
.slideshow {
background-color: #FFFFFF;
width: 100%;
height: 520px;
position: relative;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
[CSS styles for slide components]
jQuery:
[jQuery functions for controlling the slideshow navigation]