I thought I had enough code and help already to get this final step done, but seems not. What I think should be happening, isn’t and I can’t see why.
For those slightly familiar with my code (Pullo/MegaZoid), I’ve added a navigation bar at bottom of step containers, to allow forward and backward movement of steps. Perhaps I could have created a function within the current step change function to deal with the navigation, but for now I thought I’d start it as a separate function.
The problem is that the jq slideUp/Down functions are not being applied to the data targets. It is ok to have different data names pointing to the same elements/dom right?
for example… this is ok and target is used when calling slide
<div id ="s4-top" class="top" data-target="#s4-bottom" data-arrow="#step4-arrow">
In the same dom (s4), but at bottom, I have have
<div id="s4-back" class="back fromdir" data-backTo="#s3-bottom" data-thisBottom="#s4-bottom">
…with jq
$('.fromdir').on('click', function() {
var bottom = $(this).data("thisBottom");
var backTo = $(this).data("backTo");
//$($(this).data("thisBottom")).slideUp();
//$($(this).data('backTo')).slideDown();
$(bottom).slideUp();
$(backTo).slideDown();
I’m getting no console errors and no sliding…
Any obvious reason why?