wmaraci reklam

Javascriptte Burayı Nasıl Düzenlerim

2 Mesajlar 640 Okunma
pst.net
wmaraci reklam

Erenclk Erenclk WM Aracı Kullanıcı
  • Üyelik 10.06.2019
  • Yaş/Cinsiyet 25 / E
  • Meslek Tasarımcı
  • Konum İstanbul Anadolu
  • Ad Soyad E** Ç**
  • Mesajlar 48
  • Beğeniler 63 / 15
  • Ticaret 0, (%0)
Bir adet template var elimde html. Fotoğrafta gösterdiğm kısım sayfaya girince otomatik açık geliyor. Ben istiyorum ki hepsi kapalı dursun sadece ben tıklayınca açılsın.

Sanırım js kodlarıyla alakalı bir durum o nedenle 1 saattir js kodlarıyla bakışıyorum işin içinden çıkamadım :cry:. Js den hiç anlamam.

Fotoğraf

THE.Accordion = function() {
$('.accordion').each(function (i, elem) {
var $elem = $(this),
$acpanel = $elem.find(".acco-group > .acco-des"),
$acsnav = $elem.find(".acco-group > .acco-heading");
$acpanel.hide().first().slideDown("easeOutExpo");
$acsnav.first().parent().addClass("acco-active");
$acsnav.on('click', function () {
if(!$(this).parent().hasClass("acco-active")){
var $this = $(this).next(".acco-des");
$acsnav.parent().removeClass("acco-active");
$(this).parent().addClass("acco-active");
$acpanel.not($this).slideUp("easeInExpo");
$(this).next().slideDown("easeOutExpo");
}else{
$(this).parent().removeClass("acco-active");
$(this).next().slideUp("easeInExpo");
}
return false;
});
});

$('.accordion-close').each(function (i, elem) {
var $elem = $(this),
$acpanel = $elem.find(".acco-group > .acco-des"),
$acsnav = $elem.find(".acco-group > .acco-heading");

//$acpanel.hide().first().slideDown("easeOutExpo");
//$acsnav.first().parent().addClass("acco-active");

$acsnav.on('click', function () {
if(!$(this).parent().hasClass("acco-active")){
var $this = $(this).next(".acco-des");
$acsnav.parent().removeClass("acco-active");
$(this).parent().addClass("acco-active");
$acpanel.not($this).slideUp("easeInExpo");
$(this).next().slideDown("easeOutExpo");
}else{
$(this).parent().removeClass("acco-active");
$(this).next().slideUp("easeInExpo");
}
return false;
});
});
}








Sıkça Sorulanlar






Can I change plans later on?
Adipisicing elit lorem ipsum dolor sit amet, consectetur. Tempora, ab officiis ducimus commodi, quibusdam similique quam corporis sequi, id, voluptates suscipit quasi nisi. Qui, explicabo quod laborum alias vero aliquid.



What is the difference between Pro and Ultimate?
Quibusdam similique quam corporis sequi adipisicing elit lorem ipsum dolor sit amet, consectetur. Tempora, ab officiis ducimus commodi, id, voluptates suscipit quasi nisi. Qui, explicabo quod laborum alias vero aliquid.



Can I try before I buy?
Tempora, ab officiis ducimus commodi quibusdam similique quam corporis sequi adipisicing elit lorem ipsum dolor sit amet, consectetur. id, voluptates suscipit quasi nisi. Qui, explicabo quod laborum alias vero aliquid.



Do you offer bulk discounts?
Tempora, ab officiis ducimus commodi quibusdam similique quam corporis sequi adipisicing elit lorem ipsum dolor sit amet, consectetur. id, voluptates suscipit quasi nisi. Qui, explicabo quod laborum alias vero aliquid.



Is this a subscription service?
Tempora, ab officiis ducimus commodi quibusdam similique quam corporis sequi adipisicing elit lorem ipsum dolor sit amet, consectetur. id, voluptates suscipit quasi nisi. Qui, explicabo quod laborum alias vero aliquid.




 

 

wmaraci
reklam

sametweb sametweb WM Aracı Kullanıcı
  • Üyelik 29.08.2011
  • Yaş/Cinsiyet 33 / E
  • Meslek software developer
  • Konum ABD
  • Ad Soyad S** M**
  • Mesajlar 615
  • Beğeniler 52 / 196
  • Ticaret 1, (%100)
$acsnav.first().parent().addClass("acco-active");

Bu kod accordion'daki ilk elemana "acco-active" CSS sınıfını ekliyor. Silersen düzelir. Biraz geçmiş üzerinden ama belki işine yarar.
Erenclk

kişi bu mesajı beğendi.

React Dersleri YouTube Kanalı
https://www.youtube.com/c/reactdersleri
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al