 <html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="qaContainer" style="width:400px;">
        <div class="leftContainer" style="float:left;">
            <a href="javascript:" onClick="showDiv('1');">Question 1</a><br />
            <a href="javascript:" onClick="showDiv('2');">Question 2</a><br />
            <a href="javascript:" onClick="showDiv('3');">Question 3</a><br />
            <a href="javascript:" onClick="showDiv('4');">Question 4</a><br />
        </div>
        <div class="rightContainer" style="float:right;">
        <div id="div1" style="display:block;">Answer1</div>
        <div id="div2" style="display:none;">Answer2</div>
        <div id="div3" style="display:none;">Answer3</div>
        <div id="div4" style="display:none;">Answer4</div>
        </div>
        </div>

        <script>
            function showDiv(id) {  
    for (var i=1;i<=4;i++)
    {
        document.getElementById('div'+i).style.display = 'none';
    }
    document.getElementById('div'+id).style.display = 'block';
}
        </script>
</body>
</html>