Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

potrebna mala pomoć za jqery

[es] :: Javascript i AJAX :: potrebna mala pomoć za jqery

[ Pregleda: 4841 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Plug-n-Play
Beograd

Član broj: 175221
Poruke: 173
*.dynamic.sbb.rs.



+10 Profil

icon potrebna mala pomoć za jqery09.01.2018. u 15:56 - pre 75 meseci
Pozdrav svima, nisam programer pa ne znam kako da ubacim jednu funkciju pa molim za pomoć, ovo je za nekog ko se razume verovatno jako jednostavno. Dakle, imam neka 4 dugmeta koji ispod otvaraju i zatvaraju odgovarajuću sekciju i to lepo radi kad neko otvori sekciju i onda je zatvori, ali ako klikne na drugo dugme pa posle i treće, onda su sve otvorene što je bez veze. Trebalo bi mi da kad se jedna sekcija otvori, ostale tri da se zatvore. Puno hvala!
Code:

 jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal-1').hide();
jQuery('.rv_button-1').click(function(e){
e.preventDefault();jQuery('#reveal-1').slideToggle();
jQuery('.rv_button-1').toggleClass('opened closed');
});
});

 jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal-2').hide();
jQuery('.rv_button-2').click(function(e){
e.preventDefault();jQuery('#reveal-2').slideToggle();
jQuery('.rv_button-2').toggleClass('opened closed');
});
});

 jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal-3').hide();
jQuery('.rv_button-3').click(function(e){
e.preventDefault();jQuery('#reveal-3').slideToggle();
jQuery('.rv_button-3').toggleClass('opened closed');
});
});

 jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal-4').hide();
jQuery('.rv_button-4').click(function(e){
e.preventDefault();jQuery('#reveal-4').slideToggle();
jQuery('.rv_button-4').toggleClass('opened closed');
});
});
 
Odgovor na temu

igorv
Igor Vujovic
Beograd

Član broj: 70222
Poruke: 68
87.116.179.*

Sajt: objengine.com


+4 Profil

icon Re: potrebna mala pomoć za jqery10.01.2018. u 17:17 - pre 75 meseci
https://codepen.io/vujovichigor/pen/rpdGPp
 
Odgovor na temu

mjanjic
Šikagou

Član broj: 187539
Poruke: 2679



+690 Profil

icon Re: potrebna mala pomoć za jqery12.01.2018. u 01:00 - pre 75 meseci
Bolje je koristiti "jQuery("[id|=reveal]").slideUp();" za sve elemente koji imaju vrednost id atributa koja počinje sa "reveal" (preciznije, ili su jednake stringu 'reveal' ili stringu koji počinje sa 'reveal-'), ili svim elementima koje hoćemo jednim klikome da sakrijemo dodati npr. klasu "toggle" i sl., kako ne bismo morali da navodimo kod za skrivanje svakog elementa posebno kao u gornjem rešenju:
jQuery('#reveal-2').slideUp();
jQuery('#reveal-3').slideUp();
jQuery('#reveal-4').slideUp();

Izmenjeno rešenje je postavljeno na: https://codepen.io/anon/pen/LemrzO
Blessed are those who can laugh at themselves, for they shall never cease to be amused.
 
Odgovor na temu

[es] :: Javascript i AJAX :: potrebna mala pomoć za jqery

[ Pregleda: 4841 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.