Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Jquery kodlarını ayrı divler için çalıştırmak

 7 Mesajlar 1.521 Okunma
acebozum
tr.link

#1
cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Merhaba arkadaşlar, bu kod bir içerik divini açıp kapatıyor, aynı divden bir tane daha olduğunda diğer dive etki etmiyor, yardımlarınızı bekliyorum.





Yeni Duyuru!











Yeni Duyuru!









<script>

$('#animate').click(function() {
$('.content')
.animate({"width": "500px"}, 500)
.animate({"height": "200px"}, 500);
document.getElementById('resett').style.display='block';
document.getElementById('animate').style.display='none';
document.getElementById('duyurun').style.display='block';
document.getElementById('eklesseyi').style.display='block';

});

$("#resett").click(function() {
$(".content")
.animate({"height": "30px"}, 500)
.animate({"width": "160px"}, 500);
document.getElementById('duyurun').style.display='none';
document.getElementById('animate').style.display='block';
document.getElementById('resett').style.display='none';
document.getElementById('eklesseyi').style.display='none';
});

</script>
 

 

wmaraci
reklam

#2
Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)
Bunun yerine:
document.getElementById('duyurun').style.display='none';
Aşağıdaki şablonu kullanıp dener misin?
$("#duyurun").css("display","none");
Diğerlerinde de benzer değişiklikleri yap.

Ek Olarak: ID yerine class kullanarak da deneyin.
 

 

#3
cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)

Onur89TR adlı üyeden alıntı

Bunun yerine:
document.getElementById('duyurun').style.display='none';
Aşağıdaki şablonu kullanıp dener misin?
$("#duyurun").css("display","none");
Diğerlerinde de benzer değişiklikleri yap.

Ek Olarak: ID yerine class kullanarak da deneyin.


Dediğin şekilde yaptım ama derdimi tam olarak anlatamadım galiba.


Yeni Duyuru!

Bu kodları çoğaltıp ayrı ayrı kutularda duyurular şeklinde göstermek istiyorum. Şu anda bu şekilde çalışırken script sadece en üstteki kutuya etki ediyor, alt alta ne kadar aynı koddan eklersem ekleyeyim en üsttekine tıklayınca hepsi birden açılıyor kutular. Ben ayrı ayrı açılıp kapanmasını istiyorum kutuların.
 

 

#4
Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)

cgrclk adlı üyeden alıntı

Dediğin şekilde yaptım ama derdimi tam olarak anlatamadım galiba.


Yeni Duyuru!

Bu kodları çoğaltıp ayrı ayrı kutularda duyurular şeklinde göstermek istiyorum. Şu anda bu şekilde çalışırken script sadece en üstteki kutuya etki ediyor, alt alta ne kadar aynı koddan eklersem ekleyeyim en üsttekine tıklayınca hepsi birden açılıyor kutular. Ben ayrı ayrı açılıp kapanmasını istiyorum kutuların.




<script></script>
<script>
$(document).ready(function() {
$( ".content" ).each(function ( index, domEle) {
$( "input.animate" ).eq(index).click(function () {
$( ".duyurun" ).eq(index).css("display","block");
});
});
$( ".content" ).each(function ( index, domEle) {
$( "input.resett" ).eq(index).click(function () {
$( ".duyurun" ).eq(index).css("display","none");
});
});
});
</script>



Yeni Duyuru!











Yeni Duyuru!
İstediğiniz şöyle bir şey öyleyse. Ben denedim, çalışıyor. :rolleyes::)
 

 

wmaraci
wmaraci

#5
cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)

Onur89TR adlı üyeden alıntı


İstediğiniz şöyle bir şey öyleyse. Ben denedim, çalışıyor. :rolleyes::)


Olmadı ya çalışmıyor, ben mi yanlış birşey yapıyorum acaba çözemedim olayı. Senin verdiğin kodları aynen uyguladım, açma kapama butonları görünür haldeydi ve tıklayınca hiçbirşey olmadı.
 

 

#6
Onur89TR Onur89TR Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 04.12.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek .
  • Konum İzmir
  • Ad Soyad ** **
  • Mesajlar 2376
  • Beğeniler 704 / 791
  • Ticaret 1, (%100)

cgrclk adlı üyeden alıntı

Olmadı ya çalışmıyor, ben mi yanlış birşey yapıyorum acaba çözemedim olayı. Senin verdiğin kodları aynen uyguladım, açma kapama butonları görünür haldeydi ve tıklayınca hiçbirşey olmadı.

Sayfayı tek başına çalıştırdığında göreceksin ki problem yok. Sadece ID'leri class yaptım. Sayfada birden fazla olduğundan dolayı.
 

 

#7
cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)


<script></script>





Duyuru 1!











Duyuru 2!











<script>
$(document).ready(function() {
$( ".content" ).each(function ( index, domEle) {
$( "input.animate" ).eq(index).click(function () {
$("input.animate").eq(index).css("display","none");
$("input.resett").eq(index).css("display","block");
$(".content").eq(index).animate({"width": "500px"}, 500).animate({"height": "200px"}, 500);
$( ".duyurun" ).eq(index).css("display","block");
$(".eklesseyi").css("display","block");
});
$( "input.resett" ).eq(index).click(function () {
$("input.resett").eq(index).css("display","none");
$("input.animate").eq(index).css("display","block");
$(".content").eq(index).animate({"height": "30px"}, 500).animate({"width": "160px"}, 500);
$( ".duyurun" ).eq(index).css("display","none");
$(".eklesseyi").css("display","none");
});
});
});
</script>


Onur sorunu çözdü, teşekkür ediyorum.
Onur89TR

kişi bu mesajı beğendi.

Jquery Wordpresse nasıl eklenir ?
JQuery Çakışması ve Çözümü
wmaraci
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al