divに次のものがあると仮定しましょう。
<div class="show_when_more">
Foo
</div>
<div class="show_when_less">
Bar
</div>
そして、あなたが見たい次の入力:
<input type="text" class="to_watch"/>
次に、次のJavascriptがそれを行います(これを機能させるにはjqueryが必要です)。
$('input.to_watch').on('change', function(){
if($(this).val()>=1000){
$('div.show_when_more').css('display', 'block');
$('div.show_when_less').css('display', 'none');
} else {
$('div.show_when_more').css('display', 'none');
$('div.show_when_less').css('display', 'block');
}
});
これは、他のタイプのセレクターでも機能します(たとえば、ID、要素タイプなど)