Показывать текстовую область только тогда, когда она имеет какое-то значение

Question

У меня есть Ajax страница, где я получаю поисковый ответ внутри textarea .

Вот код

<form onSubmit="checkDomain();return false;" id="ajaxDomainForm" action="">
<input name="domain" type="text" id="domain" onKeyUp="checkForChange();" maxlength="255">
<textarea name="domainsAvailableInput" id="domainsAvailable" readonly="readonly"></textarea>
<div id='whatDomainDiv' style="font-weight:bold;display:none;">Domain</div>
<div id='isAvailableDiv' style="font-size:5em;display:none;">?</div>
</form>

Я хочу скрыть <textarea> до тех пор, пока в нем не будет указано ответное значение .

Как этого добиться с помощью jQuery?

Спасибо

Answer 1

jQuery(document).ready(function () {
    if (jQuery('#domainsAvailable').val() == '') {
        jQuery('#domainsAvailable').hide();
    }
});

Это будет скрывать вашу текстовую область изначально при загрузке страницы.

Опять же, когда в своем ответе на ajax вы получаете текст. вам придется написать в вашем успешном обратном вызове.

jQuery('#domainsAvailable').show();

Answer 2

При успешном вызове ajax вы должны вызвать метод. Там вы можете сказать display:block для этой текстовой области. И вы должны отправить ответное сообщение с сервера. Это сообщение можно хранить внутри текстовой области.