Tema: jQuery accordion [mano darytas] (Skaityti 57 kartai)

ganjabest · « : 2011-01-28 23:32:43 »

Dariausi sau, bet manau nieko blogo neatsitiks, jog parodysiu ka padariau

Mazdaug viska paaiskinau failuose. Neaiskinau funkciju reiksmiu, nes turbut jau zinot ka reiskia addClass ir t.t. Jeigu nezinot klauskit, paaiskinsiu . Prisegu tiesiog failus .Ideciau kodus siaip i tema, bet ten stilius su paveiksleliais, tai viska rasit vietose.
O jeigu nezinot ka reiskia sitas "accordion" tai pasakau, kad tikrai ne grojimui skirtas

Pabandysiu paaiskint.
Turim kazkoki tai sarasa su issamesniu aprasymu(arba gali but koks meniu). Tarkim:
1.Manualai.lt
HTML CSS pamokos, aktyvus forumas | v2.manualai.lt
2.One.lt
ONE.LT - tai vieta, kur susitinka ir bendrauja draugai.

Ir norime kad tie aprasymai pasirodytu tik paspaudus ant saraso punktu. Pradzioj matome tik taip
1.Manualai.lt
2.One.lt

Tada paspaudus ant vieno islenda aprasymas
1.Manualai.lt
HTML CSS pamokos, aktyvus forumas | v2.manualai.lt
2.One.lt

Paspaudus ant kito islenda jo aprasymas ir buves aprasymas pasikavoja

1.Manualai.lt
2.One.lt
ONE.LT - tai vieta, kur susitinka ir bendrauja draugai.

Jeigu spaudziame ant jau islindusio tai jo aprasymas tiesiog pasikavoja

1.Manualai.lt
2.One.lt

p.s jeigu randat dar kazkokiu tai klaidu parasykit, bet nemanau kad palikau

Macaque · « **Atsakyti #1 :** **Vakar** at 00:41:15 »

Pataisyk failo galūnę, PHP kodo nėra čia...

O dėl pačios programos, tai man čia kažkaip pasirinktas sunkesnis kelias, kaip galima to išvengti

p.s. aš naudoju tokį (CSS pagal save):

Kodas: [Pasirinkti]


<!DOCTYPE html>  

<html lang="en">  
    <head>  
        <meta charset="utf-8"> 
        <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
        <style>
		* { padding: 0; margin: 0; }
		div#content {
			width: 300px;
			margin: 10% auto;
		}
		
		p.faq_name {
			border: 1px solid #333;
			padding: 4px;
		}
		p.faq_name:hover {
			cursor: pointer;	
		}
		div.faq_info {
			padding: 4px;
			background-color: #666;
			color: #FFF;
		}
		</style>
        <title>by macaque</title>
    </head>
    <body>
    	<!-- Content -->
        <div id="content">
        
            <p class="faq_name">FAQ item 1</p>
            <div class="faq_info">
            	bla bla bla ;-)
            </div>
            <p class="faq_name">FAQ item 2</p>
            <div class="faq_info">
            	u need to check email
            </div>
            <p class="faq_name">FAQ item 3</p>
            <div class="faq_info">
            	description of faq item 3
            </div>
            <p class="faq_name">FAQ item 4</p>
            <div class="faq_info">
            	description of faq item 4
            </div>
                    
        </div>   
        <!-- End of Content -->    
        
			<script type="text/javascript">	        		
                                $(document).ready(function(){
				// Hide all .faq_info div's
				$(".faq_info").hide();
				
				// When click on FAQ, show the description
				$(".faq_name").click(function(){
					$(this).next(".faq_info").slideToggle();
				});			
            });
            </script>
    </body>
</html>

ganjabest · « **Atsakyti #2 :** **Vakar** at 13:17:02 »

turi omenije i html? Jeigu taip, tai tada nematau skirtumo keisti

Nu ir siaip parodyk trumpesni kelia kad sis scriptas darytu ta ka daro cia (Keicia + - zenklus, gali suskleisti visus kruvon) . Man idomu butu butu pamatyti. Nes siaip kiek maciau akordionu tuo " trumpesniu keliu" visada vienas buna isskleistas ir jo neina suskleisti + nekeiciami joki stiliai. Taip tada toki scripta galima prasyt 3 - 4 eiluciu ilgumo

Macaque · « **Atsakyti #3 :** **Vakar** at 15:57:03 »

Oj, tų pliusų/minusų net nepastebėjau, kad jie keičiasi

O dėl failo galūnės, tai žmogus nežinantis kaip pasikeisti failo plėtinį (pagal default Windowsuose išjungtas plėtinių rodymas) arba neturįs serverio, kaip tau jis jį pasileis?

(nedarant copy/paste)

anyway neoftopinam, bet, kad žinotų kiti jeigu iškils kokių nors problemų

ganjabest · « **Atsakyti #4 :** **Vakar** at 16:10:08 »

Citata iš: Macaque on Vakar at 15:57:03

Oj, tų pliusų/minusų net nepastebėjau, kad jie keičiasi

O dėl failo galūnės, tai žmogus nežinantis kaip pasikeisti failo plėtinį (pagal default Windowsuose išjungtas plėtinių rodymas) arba neturįs serverio, kaip tau jis jį pasileis? (nedarant copy/paste)

anyway neoftopinam, bet, kad žinotų kiti jeigu iškils kokių nors problemų

Ai tu del sito.. Neatejo man visai i galva, kad kazkas dar taip tikrina

Pakeiciau.

html css photoshop php forumas

Autorius Tema: jQuery accordion [mano darytas] (Skaityti 57 kartai)

ganjabest

jQuery accordion [mano darytas]

Macaque

Re: jQuery accordion [mano darytas]

ganjabest

Re: jQuery accordion [mano darytas]

Macaque

Re: jQuery accordion [mano darytas]

ganjabest

Re: jQuery accordion [mano darytas]