Problems with JS on slides
-
Hello.
I have a strange problem with using JS on slides of this plugin.
I use this code:<script>
$(“#show-more”).click(function() {
$(“#slider-block”).css({height: “auto”});
$(“#show-more”).css({display: “none”});
$(“#hide-all”).css({display: “block”});
});
$(“#hide-all”).click(function() {
$(“#slider_block”).css({height: “300px”});
$(“#hide-all”).css({display: “none”});
$(“#show-more”).css({display: “block”});
});
</script>It’s simple, but it works only on first, second, third and the last slide. And doesn’t work on others. I’ve been trying to solve it for a last 3 days, but i don’t have any idea how.
-
I’m doing something similar, I use diferent ids and I have the same problem, only works as expected in the 3 first sliders, and doesn′t work in a slider with 2 slides
my javascript code is very simple:
in slide:
onclick=”replace();return false”
in javascript file
function replace() {
document.getElementById(“div1″).style.display=”none”;
document.getElementById(“divI”).style.display=”none”;
document.getElementById(“div2″).style.display=”block”;
document.getElementById(“div3″).style.display=”none”;
document.getElementById(“div4″).style.display=”none”;
}
The console doesn′t show errors, in the chrome inspector you can see the properties “display” change but the content doesn’t change
- The topic ‘Problems with JS on slides’ is closed to new replies.
