<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
Html js div gizle göster
6
●156
- Kabul Edilen Cevap
- 0 Beğeni
-
- 07-03-2022, 19:10:23ben bunu 2 2,5 yildir kullaniyorumbluecrown adlı üyeden alıntı: mesajı görüntüle
- 07-03-2022, 19:10:59Bu 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:54Yukarda 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çok çok çok teşekkürlereypoffcl adlı üyeden alıntı: mesajı görüntüle
- 07-03-2022, 22:46:09benimki daha yeni ya 1 sene olmamıştır denk gelmişJosephC adlı üyeden alıntı: mesajı görüntüle
))
))