bildirgec.org

Merhabalar yine bir jquery dökümanı ile burdayım, her ne kadar kısa olsa da jQuery’ye başlamayaı düşünenler, gözü korkanlar, yada ufakdan bişeyler denemek isteyenler için faydalı bir yazı olacak.

Bu yazıda gerçekten jquery felsefesine çok güzel uyan bir örnek yapacağız.
The Write Less, Do More deyip başlıyoruz. klasik açılıp kapanan içerik yapacağız bunun bir çok örneği var ama 4 satırlık kod için niye hazır kullanalım ki 🙂 ben de bu kadar kolay olacağını beklemezdim açıkcası.

neyse bir içerik bir de head sınıfımız var. 3 tane div ile bir örnek deneyecğiz.
sınıflarımız burada.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.header
{
width:530px;
padding:5px;
height:20px;
cursor:pointer;
font-size:12px;
font-weight:bold;
border:1px solid #CCCCCC;
background-color:#FFFFCC;
background:url(pop_02.jpg);
}

.content
{
width:500px;
padding:20px 20px 20px 20px;
height:150px;
display:none;
border:1px solid #CCCCCC;
background-color:#FFFFCC;
background:#E4EEF1;
}