Jquery div boyut

memurvadisi1

Kayıtlı Üye
Katılım
12 Nisan 2014
Mesajlar
3.024
Tepkime puanı
0
Puan
0
<li class="element1"><a href="#"></a></li>

isimli bir butonum var. tıkladığımda class="qwe" isimli divin boyutunun değişmesini istiyorum tekrar tıklandığında eski haline gelmesini istiyorum fakat bunu yapamadım. misal başlangıçta width:500px; butona tıklayınca 800px olsun tekrar aynı butona tıklayınca 500 yardımcı olabilecek varmı acaba?

şöyle birşey düşündüm ama yemedi.

<script type="text/javascript">
$(".element1").click(function(){
$(".qwe").css("width", "800");
});
</script>
 

bende tam "onclick=toggle" ile yapılamaz mı diyecektim hocam :D
maşallah halletmişsiniz bile


peki bende bir ek olması için bişey sormak istiyorum
Button linkinin adı DETAY olsun diyelim.
DETAY'a tıklatınca div genişliyor tamam, peki div genişlerken aynı anda DETAY yazısı da DETAY (kapat) olarak yazdırabilir miyiz ?
 
bende tam "onclick=toggle" ile yapılamaz mı diyecektim hocam :D
maşallah halletmişsiniz bile


peki bende bir ek olması için bişey sormak istiyorum
Button linkinin adı DETAY olsun diyelim.
DETAY'a tıklatınca div genişliyor tamam, peki div genişlerken aynı anda DETAY yazısı da DETAY (kapat) olarak yazdırabilir miyiz ?

Edit fiddle - JSFiddle
 

sağolasın hocam :) güzel bir anlatım. indirip arşive ekledim hemen

özellikle jquery ile menü yapımları çok şık oluyor.
bu arada videodaki arkadaşta css ile kapat butonuda yapabiliriz ama ne kadar düzgün çalışır onu bilemem diyince birden sanki direk bana cevap vermiş gibi oldu :D




teşekkürler hocam :)
web sitem için planladığım br tasarım için çok güzel olacak bu..



memurvadisi1 hocam sürekli ertelediğim bir projeyi hatırlattın bana, ben bugün başlarım bu işe :D
 
Son düzenleme:
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri