Web sitelerimizde bir sayfada birden çok bölümün olmasını isteyebiliriz. Bu bölümlerin nasıl ve ne şekilde sıralanacağı yani düzeni önemlidir. Jquery tab uygulaması ile birden çok bölümün istediğimiz css özelliklerine göre yerleştirilmesini ve içeriğini oluşturmayı bu örneğimizde ögreneceğiz.

İlk Olarak jquery dosyamızı sayfamıza dahil ediyor.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

Sayfamızda kullanacağımız css kodlarını aşağıdaki şekilde kodluyoruz.

Bu uygulamamızda sitemizde ve projelerimizde Accordion (açılır) bölümler oluşturmayı öğreneceğiz.
Uygulamamızda açılır uygulama olarak bir form oluşturuyoruz. Fromumuz bir file upload formudur.
Uygulamamızda aşağıdaki javascript ile açılır formumuzun kontrolünü sağlıyoruz. Formumuz sayfa açıldığında gizli olarak geliyor, class’ı warnlink olan link tıklanıldığında aşağıdaki javascript çalışıyor ve form ekrana geliyor .

<script type="text/javascript">
$(document).ready(function(){

	$(".warnlink").click(function(){
		$(".selldiv").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});

});
</script>