JQuery : Show/Hide only one div at a time

[bjsudipta]

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){

$('a').click(function () {
var divname= this.name;
$("#"+divname).show("slow").siblings().hide("slow");
});

});
</script>

and

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="jquery.scroll.min.js"></script>
<script type="text/javascript">
$('.scrollbar').scrollbar();

$('#demo2 a:first').click(function(ev){
ev.preventDefault();
$('#demo2').find('.scrollbar-pane').children(':first').clone().appendTo('.scrollbar-pane');
$('#container2').scrollbar('repaint');
});
$('#demo2 a:last').click(function(ev){
ev.preventDefault();
$('#demo2').find('.scrollbar-pane').children(':first').remove();
$('#container2').scrollbar('repaint');
});

</script>

both code are conflict.

Please anyone tell me the proper wayout.