アコーディオンのヘッダーのクリックで内容を消去する

Question

名前とIDのオプションで検索できるアコーディオンがあります。私はacccordionヘッダーがクリックされたときにテキストボックスをクリアしたいと思います...

例：私がIDで検索を選択すると、名前にテキストが含まれている場合は、それをクリアする必要があります。

以下

がBUTTON

$(document).ready(function() { 
     var icons = { 
      header: "ui-icon-circle-triangle-e", 
      headerSelected: "ui-icon-circle-triangle-s" 
     }; 

     $(function() { 
      $("#accordion").accordion(); 

     }); 

     $(function() { 
      $("#accordion").accordion({ 
       collapsible: false, 
       autoHeight: true, 
       fillSpace: true, 
       icons: icons 
      }); 

     } 

Answer 1

ui.oldContent.find(":input").val(''); 

Answer 2

を提出//

<div id="accordion" style="width: auto; height: auto"> 

     <h3> 
     <a href="#">Search by Name </a> 
    </h3> 
    <fieldset> 
     // Text box for name 

    </fieldset> 
    <h3> 
     <a href="#">Search by Id</a> 
    </h3> 
    <div> 
     <fieldset> 
      // Text box for ID 
     </fieldset> 
    </div> 

、私のコードであるあなたは、あなたがのためのイベントハンドラを提供して実行することができchangestartイベント、探しています必要なinputクリアコード：

$("#accordion").accordion({ 
    changestart: function (event, ui) { 
     ui.newContent.find(":input").val(''); 
    } 
}); 

例：私はボックスをオフにしようとすると任意のコードが表示されないよう、正確にあなたが取得しているエラーは何http://jsfiddle.net/andrewwhitaker/vq9t3/