Below is a script I've implemented on an html page to toggle the visibility of divs based on user interaction.
<script>
$(document).ready(function(){
$("#solLink").click(function(){
$(".segSlide").hide(),
$(".eduSlide").hide(),
$(".solSlide").show(),
$(".startOver").show();
});
$("#segLink").click(function(){
$(".solSlide").hide(),
$(".eduSlide").hide(),
$(".segSlide").show(),
$(".startOver").show();
});
$("#eduLink").click(function(){
$(".solSlide").hide(),
$(".segSlide").hide(),
$(".eduSlide").show(),
$(".startOver").show();
});
});
</script>
While this script functions flawlessly on my desktop browsers, I have noticed that when tested on my iPhone, it fails to hide/show the designated divs. They seem to remain visible at all times.