0

尊敬する人々 ....

アプリの検索コンポーネントに取り組んでいます...

http://jsfiddle.net/SkyKOG/K8utq/24/

input{
    display:none;
    width:0px;
    color:#999;
}

最初は検索ボックスを持っていたので、現在の機能はそのためのものです....しかし、今の要件はそのようなものです...

テキストボックスは非表示にして表示し、検索アイコンをクリックして展開する必要があります...（display：noneを試してみましたが、芽をクリックしてもうまくいきませんでした）...

どうもありがとう ...

よろしく

4

3 に答える 3

3

これがあなたが望むものだと仮定して..

アイコンのクリックイベントを使用してテキストボックスを切り替えます...残りのコードで

 $('#searchinout').find('i').click(function(){
    $('#expandbox').toggle('slow');
});

そしてこれをあなたのCSSに

#expandbox{
  display:none;
}

ここでフィドル

于 2013-07-29T09:48:19.963 に答える
1 
$(document).ready(function () {

//hide the textbox on document ready
$("#txtSearch").hide();

//make it visble on search icon click
$(".Search").click(function () {
$("#txtSearch").show();
});

});

または、テキストボックスの表示プロパティを none に設定し、アイコンのクリック () イベントでブロックするように設定できます。

于 2013-07-29T09:54:05.863 に答える