using multiple jquery

using multiple jquery

hello!.
i don't know so much about jquery so just i use them with indication from their web site.
so my problem is how can i use multiple source of jquery without one source stop the other,and that what i need:
i have:
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
and
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });

});
</script>
so alone it worked (toggle a panel),and i have:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
downloaded from here
and in body
<a href="images/red-flower.jpg"  rel="lightbox[roadtrip]">image #1</a>
<a href="images/rose-4-Beautiful-Free-pictures.jpg"  rel="lightbox[roadtrip]">image #2</a>
<a href="images/4.jpg" rel="lightbox[roadtrip]">image #3</a>


and alone worked ,but if i joined them so toggle or slide down and slide up the panel will not worked.
so what can i do? i want this 2 effects.
so thank you of your help.