| Autor | Zpráva | ||
|---|---|---|---|
| Tanaris Profil |
Našel jsem si skript pro rozbalování textu. Texty mám pod sebou a když na jeden kliknu rozbalí se. Když kliknu na druhý, rozbalí se , ale ten předchozí se nezabalí zpátky. Mohli byste mi poradit jak mám kód upravit, aby to jelo jak potřebuju?
Tady je html <h3 class="slide"><a href="#cinnost" class="btn-slide">cinnosti</a></h3> <aside class="panel"> <img src="../pictures/fotogalerie_sluzeb/0030.jpg" alt="0030.jpg, 147kB" title="0030"> <p> Prováděná činnost </p> <ul> <li>lorem ipsum</li> <li>lorem ipsum</li> <li>lorem ipsum</li> <li>lorem ipsum</li> </ul> </aside> a tady skript <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".panel").hide(0); //
$(".slide").click(function(){
$(this).next(".panel").toggle(500);
});
});
</script> |
||
| final Profil |
#2 · Zasláno: 19. 5. 2013, 18:51:47
$(".slide").click(function(){
$(this).prev(".panel").toggle(500);
$(this).next(".panel").toggle(500);
}); |
||
| Tanaris Profil |
#3 · Zasláno: 19. 5. 2013, 19:03:20
final:
upravil jsem to takto: <script type="text/javascript">
$(document).ready(function(){
$(".slide").click(function(){
$(this).prev(".panel").toggle(500);
$(this).next(".panel").toggle(500);
});
}); Ted to funguje jako předtím jen opačně. Všechny texty jsou rozkryté a po kliknutí se schovají :-) Jquery opravdu neumím, zatím se zkouším učit ze skriptů, které najdu. |
||
| final Profil |
#4 · Zasláno: 20. 5. 2013, 09:13:40
Tanaris:
„upravil jsem to takto:“ nevidím rozdiel v mojom kóde a tvojom |
||
| Tanaris Profil |
#5 · Zasláno: 20. 5. 2013, 20:16:39
final:
Promin, že se tak hloupě ptám, ale nevím jak to myslíš. Nevěděl jsem co v tom kódu mámm nechat nebo ubrat tak jsem to upravil tak jak vidiš a dostal jsem ten výsledek. Přidávám radši ukázku pro demonstraci. http://testwebtanaris.czweb.org/ |
||
|
Časová prodleva: 3 dny
|
|||
| Tanaris Profil |
#6 · Zasláno: 23. 5. 2013, 10:18:19
Nakonec jsem to upravil něják takto, ale když kliknu na ten otevřený tak se zase otevře...http://testwebtanaris.czweb.org/
|
||
| Kcko Profil |
|||
| Tanaris Profil |
#8 · Zasláno: 23. 5. 2013, 21:33:03
Kcko:
„Zkus to takhle“ Díky moc funguje :-) |
||
|
Časová prodleva: 2 roky
|
|||
| drachouk Profil |
#9 · Zasláno: 8. 2. 2015, 02:47:59
Koukám na uvedený příklad viz. odkaz http://jsfiddle.net/XRVHH/4/ Nevite, proč po rozbalení podmenu vždy triochu poskočí směrem vzhůru?
|
||
| Keeehi Profil |
drachouk:
Protože když se to rozbaluje, jQuery tomu elemntu nastaví overflow: hiddden; Když je nastavený, tak se se jeho margin neprolíná s marginem předchozího sourozence. Jakmile se rozalení dokončí, jQuery odstraní overflow a v té době se můžou a začnou jejich marginy prolínat což se projeví tím poskočením.
|
||
|
Časová prodleva: 3 roky
|
|||