Do Not Proceed
Simple Show/Hide Functions
HTML
<div class="yes">Yes</div>
<div class="no">No</div>
<p class="notUnderstand">Don't Understand</p>
<div class="proceedContent">Proceed</div>
CSS
* {
cursor:pointer;
}
JavaScript
$(document).ready(function () {
var proceedVis = false;
$('.yes').click(function () {
$('.proceedContent').show();
proceedVis = 1;
});
$('.no').click(function () {
if (proceedVis == true) {
$('.proceedContent').hide();
proceedVis = false;
}
});
$('.notUnderstand').click(function () {
if (proceedVis == true) {
$('.proceedContent').hide();
proceedVis = false;
}
});
});