text opacity

by ostapische

HTML

<div id="questionDiv">
    Хотите узнать что такое Джомолунгма? Тогда Вам в обязательном порядке стоит нажать <a href="javascript:showAnswer();">>>сюда<<</a>
</div>
<div id="answerDiv" style="opacity: 0; display: none;">
    Джомолунгма , Эверест (англ. Mount Everest), Сагарматха (8848 м) — высочайшая вершина мира.<br />
    Забыли на какой вопрос этот ответ? Нажмите <a href="javascript:showQuestion();">>>сюда<<</a>
</div>

JavaScript

function showAnswer() {
    $("div#questionDiv").animate({
        opacity: 0
    }, {
        duration: 500,
        complete: function() {
            $(this).hide();
            $("div#answerDiv").show();
            $("div#answerDiv").animate({
                opacity: 1
            }, {
                duration: 500
            });
        }
    });
}
function showQuestion() {
    $("div#answerDiv").animate({
        opacity: 0
    }, {
        duration: 500,
        complete: function() {
            $(this).hide();
            $("div#questionDiv").show();
            $("div#questionDiv").animate({
                opacity: 1
            }, {
                duration: 500
            });
        }
    });
}