Demo Style Switcher Color Wheel Work With JS

Hey all so I thought I post a thread to ask for some help with making my current js that shows the hidden element to work with the color wheel farbtastic color picker.

<script type=”text/javascript”> $(document).ready(function() { $(’#colorpicker’).farbtastic(’#color’); }); </script> }); </script>

<script type="text/javascript">
       $(document).ready(function() {
$('#navigation > li').toggle(function() {
  $('span,#panel',$(this)).stop().animate({'marginLeft':'145px'},200);
 },function(){
  $('span,#panel',$(this)).stop().animate({'marginLeft':'0px'},200);
 });

URL to Color Wheel http://acko.net/blog/farbtastic-jquery-color-picker-plug-in/

Apparently they both conflict when I use it, I am new to JS so I do not know why it’s conflicting, can someone give me a hint?

Thanks