hepsine aynı id veriliyorsa ilkini açıyordur, her yorum için ayrı id tanımlayıp fonksiyonu ona göre çalıştırın
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#more {display: none;}
</style>
</head>
<body>
<p>IB programında klasik lise öğretim yaklaşımından uzak bir eğitim almam becerilerimin gelişimi, stres ve iş yükümü yönetebilmeyi öğretti.<span id="dots-1">...</span><span id="more-1">Kendimi akademik disiplin içine sokabilmeyi, eleştirel düşünme, güçlü analiz, üst düzey akademik yazma becerileri edindim. Bilimsel bilgi ve süreçleri algılayışım arttı. IB CAS süreci ise dönüşümlü düşünebilme, yani kendi güçlü ve zayıf yanlarımı keşfetmeme yardımcı oldu.</span></p>
<button onclick="myFunction(1)" id="myBtn-1">Devamını oku</button>
<script>
function myFunction(id) {
var dots = document.getElementById("dots-"+id);
var moreText = document.getElementById("more-"+id);
var btnText = document.getElementById("myBtn-"+id);
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "Devamını oku";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Kapat";
moreText.style.display = "inline";
}
}
</script>
</body>
</html>