<div id="TLink">ŞARKI SÖZLERİ <?=$_GET["harf"]?> HARFİ</div><br>
<div class="liste">
<?php

$harf = $_GET["harf"];

if(!isset($harf)){
$harf = "A";
}


$z = 0;
mysql_query("SET NAMES 'UTF8'");
mysql_query ('SET COLLATION_CONNECTION=UTF8_TURKISH_CI');
$cek = mysql_query("SELECT baslik FROM sarkisozleri WHERE baslik LIKE '".$harf."%' GROUP by baslik" ) or die(mysql_error()); 
while ($oka = mysql_fetch_array($cek)){
$baslik = $oka["baslik"];
$baslik = explode(" - ",$baslik);
$basliklar[$z] = $baslik[0];
$z++;
$i++;
}
$gosterilcekler = array_unique($basliklar);
$t=0;
foreach($gosterilcekler as $basliklarim){
	$z=0;
	$sorgu_yazi = "SELECT baslik,seo FROM sarkisozleri WHERE baslik LIKE '".$basliklarim."%' GROUP by baslik";
	$cek = mysql_query($sorgu_yazi) or die(mysql_error()); 
	$sorgu_sayim=mysql_num_rows(mysql_query($sorgu_yazi));
while ($oka = mysql_fetch_array($cek)){
$baslik = $oka["baslik"];
$seo = $oka["seo"];
$baslik = explode(" - ",$baslik);
if($z==0){
echo "<br>&nbsp;-> <span style=\"style=\"font-size: 
14px; color: #000; text-decoration: none; font-family: Arial; line-height: 21px;\"><a onclick=\"SarkilariGoster('x$t')\">$basliklarim</a></span>
<div style=\"DISPLAY: none\" id=\"x$t\" align=\"center\">";
	$t++;
}
echo "<a href=\"../../sarki-sozleri/".$seo.".html\" title=\"".$baslik[0]." şarkısı\" >".$baslik[1]."</a><br>";

if($z==($sorgu_sayim-1)){
echo "</div>";	
}

$z++;
}
}
?>
<script type="text/javascript">
function SarkilariGoster(indexi){
			if(document.getElementById(indexi).style.display=='none'){
			document.getElementById(indexi).style.display='block';
			}
			else{
			document.getElementById(indexi).style.display='none';
			}
}
</script>
</div>

tıklayınca altında çıksın diye javascript te var tek tek sanatcılar lıstelenmıs sanatcıyada tıklayınca alt kısmında sarkıları cıkıyor