Jquery Toggle di buat dinamis

jadi saya mau buat menu menggunakan jquery toogle.. ketika menu judul di klik maka akan keluar data sesuai isi. saya mau buat dinamis

 <div class="grid">
	<div class="row cells12">
		<div class="cell colspan4">
			<div class="cell">
				<div class="panel">
					<div class="heading">
						<span id='hideshow' class="title">Ini Judul Pertama<span>
					</div>
				</div><br>
				<div class="panel">
					<div class="heading">
						<span id='hideshow' class="title">Ini Judul Kedua<span>
					</div>
				</div><br>
				<div class="panel">
					<div class="heading">
						<span id='hideshow' class="title">Ini Judul Ketiga<span>
					</div>
				</div><br>
			</div>
		</div>

		<div class="cell colspan8">

			<div class="panel" id="panel">
				<div class="heading">
					<span class="title">Ini Isi Pertama</span>
				</div>
				<div class="content" style="padding: 10px 10px 10px 10px;">
					<center><h2>Isi</h2><br></center>
					<h5>
					</h5><br>
					<h5>Isi</h5>
					<h5>Isi</h5>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function(){
    $("#hideshow").click(function(){
        $("#panel").toggle();
    });
});
</script>

terima kasih :)