jqueryを使用して、自分のWebサイトのメニューにクイック検索機能を作成しようとしています。コードは非常に単純です。ユーザーがすべてのページのメニューの一部となる「クイック検索」リンクをクリックすると、入力テキストフィールドが表示され、必要なものをすばやく検索できます。私のコードは1つのトグルで機能しますが、それ以上は機能しません。私はこれまでずっとこれを修正しようとしてきました、そしてそれは単純であると思われるので私はイライラしています。私はここにいる誰かが私がこれを理解するのを手伝ってくれることを望んでいましたか?
注:私のコードはjsfiddleで複数回機能しますが、他の場所では機能しません。-_-
マークアップ
<a href="#"> Register</a> |
<a href="#">My Account</a> |
<span>
<span id="quicksearch" style="cursor:pointer; color:blue;"><a href="#">Quick Search</a></span>
<input id="quickbox" type="text" style="float:right; display:none; padding:2px 5px 3px 5px; border:2px solid #ddd; margin-left:-110px; position:absolute; margin-top:20px;"/>
</span>
JQuery
<script type="text/javascript">
$(document).ready(function(){
$("#quicksearch").click(function(){
$("#quickbox").toggle();
});
});
</script>