Ho una tabella dinamica che viene generata da una query. La mia idea era di far apparire un div come lightbox con i contenuti del div che resta nascosto fino alla pressione di un link. Il problema è che essendo dinamico io posso collegare il link al div tramite un ID ma volevo un aiuto per non dover creare tante funzioni jquery quanti sono i div. mi aiutate?
e il jquery che ho fatto però è fisso e non posso farne tanti quanti sono i record:
Codice:
<td><a href="#" class="apri" id="1">1000 &euro</a></td>
<div id="1" > testo da visualizzare alla pressione del link in lightbox<a href="#" class="chiudi">chiudi</a></div>
<td><a href="#" class="apri" id="2">2000 &euro</a></td>
<div id="2"> testo da visualizzare alla pressione del link in lightbox<a href="#" class="chiudi">chiudi</a></div>
<td><a href="#" class="apri" id="3">2000 &euro</a></td>
<div id="3"> testo da visualizzare alla pressione del link in lightbox<a href="#" class="chiudi">chiudi</a></div>
e il jquery che ho fatto però è fisso e non posso farne tanti quanti sono i record:
Codice:
<script type="text/javascript">
$(document).ready(function() {
$(".apri").click(
function(){
$("#1").show("slow"); //il box apparirà più lentamente
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".chiudi").click( //specifico un altro trigger
function(){
$("#1").hide(); //anche per hide vale la regola dello "slow"
});
});
</script>