Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Jquery ile ilgili 2 basit soru

Merhaba arkadaşlar. Jquery öğrenmeye başladım bir kaç gündür. Şöyle bir problemim var. Üzerinde kapatma simgesi olan 300px - 200px lik bir div düşünün. Div üzerinde bulunan kapatmaya basıldığında div'in yüksekliğini 200 den 170px' e düşürmek istiyorum tekrar kapatmaya basılınca ise tekrar açılacak yani yüksekliği tekrar 200'e çıkacak. Bunu toggle ile yaparsam div komple yok oluyo, slideUp veya down ile yapsamda komple yok oluyo. .css ile yaparsamda animasyonlu bir şekilde kapanmıyo direk kısalıp yükseliyo. Ben kısalmasını ama bunu yaparken animasyonla birlikte yapmasını istiyorum. Yazdığım kod :

$(document).ready(function() {


$("#daralt").toggle(function(){



$('.manset').css("height" , "37px")

} ,

function(){

$('.manset').css("height" , "225px")

});


yardımcı olursanız sevinirim. Umarım ne demek istediğimi anlatabilmişimdir :)

Ekli Dosyalar

+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • sevketbulamaz adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    56 cevap - 0 soru
    function up(){
    $('.manset').animate({height: '175px'},500);
    }
    
    function down() {
    $('.manset').animate({height: '200px'},500);
    }
    
    
    • magesuko adlı üyenin fotoğrafı magesuko
      teşekkürler şevket bey çalıştı. Ufak bir sorum daha olacak. BU input alanlarında hani yazarya "aranacak kelime" şeklinde. siz tıkladığınızda yazı kaybolur aranacak kelimeyi girersiniz yada boş biyere basınca "aranacak kelime" yazısı tekrar belirir. Burda ilk iki etabı yaptım yani sayfa yüklendiğinde "aranacak kelime" yazısı geliyo inputa tıklayıncada gidiyo ancak kullanıcı boş biyere tıklayınca "aranacak kelime" yazısını geri getiremiyorum. Nasıl formülize etmeliyim kodları

      Kod bu

      $(document).ready(function() {

      $("#otelara").attr("value", "aranacak otel veya şehir...");

      $("#otelara").click(function() {

      $("#otelara").removeAttr("value");


      });
      10 yıl önce yazılmış
    • magesuko adlı üyenin fotoğrafı magesuko
      teşekkürler deneyeyim
      10 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.