Ben bir div bilgi içeren bir dizin, bu bilgilerin bazıları gizli olacak ve bunun bazı görüntülenecek olacak yapmaya çalışıyorum. Her dizin için beni tıklayınız butonuna tıkladığınızda aşağıdaki kod örneği gösterildiği gibi, gizli bilgileri görüntüler
Not: bilgi ve divs php bir veritabanından gelen tarafından oluşturulan olacak!
Html
<html>
<head>
<link href="style.css" type="text/css" rel="stylesheet" />
<script type = "text/javascript" src ="jquery.js"></script>
<script type = "text/javascript">
$(document).ready(function() {
$(".toogle").click(function() {
$(".hiddenInfo").slideToggle("slow");
});
});
</script>
</head>
<body>
<div class="roundtest">
<p>
Hello World
<div class="hiddenInfo">
<p> Omg this is soooo hidden its amazing!</p>
<p> Omg this was also hidden, im so proud!</p>
</div>
<div class="toogle"> Click Me </div>
</p>
</div>
<br />
<div class="roundtest">
<p>
Hello World
<div class="hiddenInfo">
<p> Omg this is soooo hidden its amazing!</p>
<p> Omg this was also hidden, im so proud!</p>
</div>
<div class="toogle"> Click Me </div>
</p>
</div>
</body>
</html>
CSS
body {
background-color:white;
}
.roundtest {
font: 11px "Verdana", Arial, Helvetica, sans-serif;
width: 400px;
height: auto;
border: 1px solid green;
background-color: white;
color: #333;
-moz-border-radius: 5px;
-webkid-border-radius: 5px;
-moz-box-shadow:2px 2px 0 #c2c2c2;
-webkit-box-shadow:2px 2px 0 #c2c2c2;
box-shadow:2px 2px 0 #c2c2c2;
}
.hiddenInfo {
display: none;
}
Şimdi sorun, her div aynı ada sahip ve ben bir dizinden bilgi göstermek tıklarsanız, tüm divs bilgileri gösterir ki ben yukarıda gösterildiği gibi çıkış bilgileri ve divs ve benim sorunum php kullanıyor gidiyorum olmasıdır.
Ben elle farklı bir isim vb ile her div isim olabilir ama jquery kısmına gelince bu bir sorun olacaktır. Ben 10 farklı tıklama kodları kod ve bir seferde (1 sayfada 10 directoryies görüntüleme) 1 ile 10 arasında bir sayı her div sınıf sayabilirim sanırım, o, emin im, sorunu giderebilir
Kötü açıklama için özür dilerim, herhangi bir ipucu ipuçları kod örnekleri yararlı olacaktır. I kütüphanelerini kullanmak istemiyorum akılda çıplak, ben kendimi bu oluşturarak öğrenmek istiyorum.
Teşekkür ederiz!