jQuery show（）とhide（）が動作しない

Question

このpageには、ユーザーが 'カスタムサイズ'を選択したときにバスト（インチ）やヒップ（インチ）などのカスタムサイズ入力ボックスが表示され、 「サイズ」選択ボックス。私が今持っていることはこれです：

<select name="options[203]" id="select_203" 
class=" required-entry product-custom-option" 
title="" onchange="opConfig.reloadPrice();if(this.options[this.selectedIndex].text=='Custom Size'){$('.custom_size').show();}else{$('.custom_size').hide();}"> 

は基本的に、私はそこで、これを使用：

if(this.options[this.selectedIndex].text=='Custom Size'){$('.custom_size').show();}else{$('.custom_size').hide();} 

そして、このように切り替えることができ、すべての要素が「表示され、クラスのcustom_size」を持っています：スタイルシートstyles.cssに "none"を追加します。

これまでのところ、それはうまくいかないようです。どんな考え？どうもありがとう！

Answer 1

jQueryと一緒にPrototypeライブラリを使用しています。 jQuery.noConflict()を使用してください。

Answer 2

ちょっと分かりました。デフォルトの$を$ jに変更したのはnoConflict（）です。今それは働いている。