cahnge div content sample 1

by chris callaghan

HTML

<div id="contentA" style="display:none">
    contentA
    </div>

    <div id="contentB" style="display:none">
    contentB
    </div>        

    <div id="displayArea">
    <!-- switch between contentA and contentB on a timer say every 5 seconds -->
    </div>

JavaScript

var toggle = false;
$("#displayArea").html($("#contentA").html());

setInterval(function() {
    $("#displayArea").html(toggle ? $("#contentA").html() : $("#contentB").html());
    toggle = !toggle;
}, 5000);