Får inte Jquery UI att fungera!

Så jag har precis börjat lära mig om Jquery och än så länge har jag bara länkat in den i head taggen såhär:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min..."></script>

Dock så finns det ju fler libaries som bygger på Jquery som Jquery ui t ex. Det jag undrar är ska man jag då lägga in länkar till både Jquery och ui libaryn såhär?:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min..."></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

Eller räcker det med den vanliga? För jag kan inte få mina ui effekter att fungera utanför CodeCademy.

Detta är koden jag inte får att funka (byter jag ut effect till hide utan parameter så funkar det, men effect funkar ej):

$(document).ready(function(){
			$("div").click(function(){
				$("div").effect("explode");
			});
		});

Jaha, då förstår jag! Nu verkar det som att det funkar!

En (dum?) fråga till, kan man skriva våde vanlig JS kod och Jquery kod med olika libaries i samma dokument och eller script tagg?