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

ganjabest

  • HEROJUS
  • Žinutės: 583
  • Karma: +25/-0
  • Povilas Stankevičius

  • Aktyvumas per 30d.
    100%
jQuery accordion [mano darytas]
« : 2011-01-28 23:32:43 »
Dariausi sau, bet manau nieko blogo neatsitiks, jog parodysiu ka padariau  :D 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  ;D
 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  :D
« Paskutinis taisymas: Vakar at 16:12:53 nuo ganjabest »
Visi žmonės kaip žmonės - tik aš vienas kaip dievas!

Macaque

  • HEROJUS
  • Žinutės: 787
  • Karma: +24/-0
  • makakuje.

  • Aktyvumas per 30d.
    43.53%
Re: jQuery accordion [mano darytas]
« 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):

<!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>
„Tik vienas dalykas gali svajonę padaryti neįgyvendinamą: tai baimė, kad nepasiseks. “ - Paulo Coelho

mano čiulbesiai

ganjabest

  • HEROJUS
  • Žinutės: 583
  • Karma: +25/-0
  • Povilas Stankevičius

  • Aktyvumas per 30d.
    100%
Re: jQuery accordion [mano darytas]
« Atsakyti #2 : Vakar at 13:17:02 »
turi omenije i html? Jeigu taip, tai  tada nematau skirtumo keisti  :D 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  :)
Visi žmonės kaip žmonės - tik aš vienas kaip dievas!

Macaque

  • HEROJUS
  • Žinutės: 787
  • Karma: +24/-0
  • makakuje.

  • Aktyvumas per 30d.
    43.53%
Re: jQuery accordion [mano darytas]
« Atsakyti #3 : Vakar at 15:57:03 »
Oj, tų pliusų/minusų net nepastebėjau, kad jie keičiasi :D

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ų ;)
„Tik vienas dalykas gali svajonę padaryti neįgyvendinamą: tai baimė, kad nepasiseks. “ - Paulo Coelho

mano čiulbesiai

ganjabest

  • HEROJUS
  • Žinutės: 583
  • Karma: +25/-0
  • Povilas Stankevičius

  • Aktyvumas per 30d.
    100%
Re: jQuery accordion [mano darytas]
« Atsakyti #4 : Vakar at 16:10:08 »
Oj, tų pliusų/minusų net nepastebėjau, kad jie keičiasi :D

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  :D Pakeiciau.
Visi žmonės kaip žmonės - tik aš vienas kaip dievas!