prototype.js jquery コンフリクトを4行で解決する。

prototype.jsと jqueryは一緒に使うとコンフリクトしてどちらかが
動かなくなります。その解決方法。

(1)読み込ませる順番を変える。
1：prototype.js
2：prototype.jsのプラグイン
3：jQuery
4：jQueryのプラグイン

(2)以下のスクリプト4行を上記2と3の間に入れる。
<script type="text/javascript"> jQuery.noConflict()(function($){ var j$ = jQuery; </script>
完了。

<例↓>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> jQuery.noConflict()(function($){ var j$ = jQuery; </script> <script type="text/javascript" src="js/accordion.js"></script>

<参考サイト>
jQueryとprototype.jsを共存させる方法