• 07-03-2022, 19:06:22
    #1
    <button onclick="gizleGoster('div1');">tıkla </button>
    <button onclick="gizleGoster('div2');">tıkla </button>
    <button onclick="gizleGoster('div3');">tıkla </button>
    <button onclick="gizleGoster('div4');">tıkla </button>
    <button onclick="gizleGoster('div5');">tıkla </button>

    <div id="div1" style="display:none">Gizlenip gösterilen nesne1</div>
    <div id="div2" style="display:none">Gizlenip gösterilen nesne2</div>
    <div id="div3" style="display:none">Gizlenip gösterilen nesne3</div>
    <div id="div4" style="display:none">Gizlenip gösterilen nesne4</div>
    <div id="div5" style="display:none">Gizlenip gösterilen nesne5</div>



    hangi buttona tıkllanırsa sadece onun divi tek açılsın js nasıl yapabilirim
  • Kabul Edilen Cevap
    • function hidder(var)
      {
      $("#divid1").hide(); // önce tüm divleri kapatın.
      $("#divid2").hide();
      $("#divid3").hide();
      $("#divid4").hide();
      $("#divid5").hide();
      $(var).show(); // istediğiniz divi açın
      }
  • 07-03-2022, 19:09:28
    #2
    hocam profil resmin çok tanıdık geliyor ama çıkaramadım
  • 07-03-2022, 19:10:23
    #3
    bluecrown adlı üyeden alıntı: mesajı görüntüle
    hocam profil resmin çok tanıdık geliyor ama çıkaramadım
    ben bunu 2 2,5 yildir kullaniyorum
  • 07-03-2022, 19:10:59
    #4
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    Üyeliği durduruldu
    function hidder(var)
    {
    $("#divid1").hide(); // önce tüm divleri kapatın.
    $("#divid2").hide();
    $("#divid3").hide();
    $("#divid4").hide();
    $("#divid5").hide();
    $(var).show(); // istediğiniz divi açın
    }
  • 07-03-2022, 19:19:54
    #5
    Yukarda jquery ile yapılmış kod blogu mevcut. Sadece javascript istiyorsanız şu şekil bir kod bırakabilirim.

    <button onclick="gizleGoster('div_1');">tıkla </button>
    <button onclick="gizleGoster('div_2');">tıkla </button>
    <button onclick="gizleGoster('div_3');">tıkla </button>
    <button onclick="gizleGoster('div_4');">tıkla </button>
    <button onclick="gizleGoster('div_5');">tıkla </button>
    
    <div id="div_1" style="display:none;">Gizlenip gösterilen nesne1</div>
    <div id="div_2" style="display:none;">Gizlenip gösterilen nesne2</div>
    <div id="div_3" style="display:none;">Gizlenip gösterilen nesne3</div>
    <div id="div_4" style="display:none;">Gizlenip gösterilen nesne4</div>
    <div id="div_5" style="display:none;">Gizlenip gösterilen nesne5</div>
    function gizleGoster(value){
      for (let i = 1; i <= 5; i++) {
        document.getElementById("div_"+i).style.display = "none";
      }
      document.getElementById(value).style.display = "block";
    }
    Javascript kodları için <script></script> taglarını açmayı unutmayın.
  • 07-03-2022, 19:23:07
    #6
    eypoffcl adlı üyeden alıntı: mesajı görüntüle
    yukarda jquery ile yapılmış kod blogu mevcut. Sadece javascript istiyorsanız şu şekil bir kod bırakabilirim.

    <button onclick="gizlegoster('div_1');">tıkla </button>
    <button onclick="gizlegoster('div_2');">tıkla </button>
    <button onclick="gizlegoster('div_3');">tıkla </button>
    <button onclick="gizlegoster('div_4');">tıkla </button>
    <button onclick="gizlegoster('div_5');">tıkla </button>
    
    <div id="div_1" style="display:none;">gizlenip gösterilen nesne1</div>
    <div id="div_2" style="display:none;">gizlenip gösterilen nesne2</div>
    <div id="div_3" style="display:none;">gizlenip gösterilen nesne3</div>
    <div id="div_4" style="display:none;">gizlenip gösterilen nesne4</div>
    <div id="div_5" style="display:none;">gizlenip gösterilen nesne5</div>
    function gizlegoster(value){
      for (let i = 1; i <= 5; i++) {
        document.getelementbyid("div_"+i).style.display = "none";
      }
      document.getelementbyid(value).style.display = "block";
    }
    javascript kodları için <script></script> taglarını açmayı unutmayın.
    çok çok çok teşekkürler
  • 07-03-2022, 22:46:09
    #7
    JosephC adlı üyeden alıntı: mesajı görüntüle
    ben bunu 2 2,5 yildir kullaniyorum
    benimki daha yeni ya 1 sene olmamıştır denk gelmiş ))