0
Kayıt Ol

Butona tıklanınca div değiştirme

3

●

1.467

  • 30-07-2013, 18:25:33
    #1
    Okan
    Okan
    şu şekilde 2 tane div var sitemde

    <div class="div1">
    </div>

    <div class="div2">
    </div>


    sitede div1 açık div2 ise görünmez şekilde. ben butona basınca div1 kapanıp div2 açılsın istiyorum. animasyonlu bir şekilde olursa daha güzel olur. yardımcı olursanız sevinirim.
  • 30-07-2013, 19:12:16
    #2
    ZaLim
    ZaLim
    Kimlik doğrulama veya yönetimden onay bekliyor.
    $(".div2").hide();
    $("button").click(function(){
    $(".div1").hide();
    $(".div2").show(500);

    });

    Alıntı

    <div class="div1">
    1. div</div>

    <div class="div2">
    2. div</div>

    </body>
    </html>
    animasyon derken ne tür animasyon ? show yavaş açılır şekilde yaptım. Sayfa üzerinde oynatmak istiyorsan sanırım "animated" ile yapabilirsin.
  • 31-07-2013, 00:26:59
    #3
    rws
    rws
    ZaLim adlı üyeden alıntı: mesajı görüntüle
    $(".div2").hide();
    $("button").click(function(){
    $(".div1").hide();
    $(".div2").show(500);

    });
    örnekteki gibi


    farklı olarak
    $("#button").click(function(){
$(".div1").toggle();
$(".div2").toggle();
    kullanabilirsin;

    animasyon için toggle yerine fadeToogle veya slideToggle kullanabilirsin

    gelişmiş animasyonlar için http://api.jqueryui.com/easings/ birini kullanabilirsin
  • 31-07-2013, 14:46:45
    #4
    CemaLi
    CemaLi
    Demek istediğiniz bu şekilde bir script miydi ?Toogle kullanmadım çünkü yeni sürüm jQuery kütüphanesi desteklemiyor.
    http://codepen.io/CemaLi/pen/vlkCG