値があったら他を非表示、無くなったら表示

古いけどjQueryで作ってみた。

formの中にinputのhoge、fugaがある。
hogeに値が入力されたらfugaの値を消して非表示、「隠した」メッセージを表示する。
hogeの値が消去されたらfugaを表示、「隠した」メッセージを除去する。

input id="hoge"
input id="fuga"

$("#hoge").change(function(){
 if($(this).val()){
  $("#fuga").val("").hide().after("<span id='note'>隠した</span>");
 }else{
  $("#fuga").val("").show();
  $("#note").remove();
 }
});

さほどキレイにできていないけど、まいっか。