Jo, der var to gange "
});</script>"
Der er forskellige muligheder. Men det er nemmest, hvis du vælger ud fra en class, hvis du skal vælge flere elementer på en gang:
<div id="boks1" class="minBoks">boks 1</div>
<div id="boks2" class="minBoks">boks 2</div>
<div id="boks3" class="minBoks">boks 3</div>
Så kan du skjule alle vha.
$(document).ready(function() {
// Her kommer din kode
$("#skjul-vis").toggle(function() {
$(".minboks").hide("fast");
},
function() {
$(".minboks").show("fast");
)};
med knappen:
<input type="button" id="skjul-vis" value="Skjul - Vis" />
For at kunne vise/skjule en enkelt boks, må du have en knap til hver enkelt boks. Så kan du vise/skjule sådan:
$(document).ready(function() {
// Her kommer din kode
$("#vis-skjul1").toggle(function() {
$("#boks1").hide("fast");
},
function() {
$("#boks1").show("fast");
)};
Som kan vises/skjules med knappen:
<input type="button" id="skjul-vis1" value="Skjul - Vis boks 1" />
Læg dog mærke til, at funktionerne bliver trigget i den rækkefølge de står. Dvs. første gang du klikker knappen vil den skjule, næste gang vil den vise. Derfor skal du bytte rundt på rækkefølgen, hvis det er en div, der som udgangspunkt er skjult.
Med bytte rundt mener jeg:
$(document).ready(function() {
// Her kommer din kode
$("#vis-skjul1").toggle(function() {
$("#boks1").show("fast");
},
function() {
$("#boks1").hide("fast");
)};
Scriptet virker som sådan fint nok, men du vil opleve, at man skal trykke to gange på knappen før den viser...
-
Hvis du kun vil have én knap, kan du lave en javascript tæller:
var n=1
og så vælge sådan:
$(document).ready(function() {
// Her kommer din kode
$("#vis-skjul" + n).toggle(function() {
$("#boks1").hide("fast");
n--;
},
function() {
$("#boks1").show("fast");
n++;
)};
Hmm. Det der virker nok ikke "out of the box" - det er mere ideen i det...
