Jag har gjort en liten togglefunktion som fungerar sådär. Den togglar inte jättesnyggt + att man kan klicka på två länkar snabbt för att visa båda divarna.
Kan man på något bra sätt göra så att man bara kan toggla en av divvarna? Vill inte visa flera samtidigt.
$(document).ready(function () {
// hides the boxes as soon as the DOM is ready
function showHide() {
$('#tjansterIT-ledning').hide();
$('#tjansterApplicationManagement').hide();
}
showHide()
// toggles the slickbox on clicking the noted link
$('#toggle-tjansterIT-ledning').click(function () {
showHide()
$('#tjansterIT-ledning').toggle(400);
return false;
});
// toggles the slickbox on clicking the noted link
$('#toggle-tjansterApplicationManagement').click(function () {
showHide()
$('#tjansterApplicationManagement').toggle(400);
return false;
});
});
Ps. Jag har beskurit min kod en aning. Det är sju divar i den totala.
Hur ser HTML markupen ut? Känns lite onödigt att göra mer eller mindra samma kod om och om igen... borde kunna exempelvis använda dig av a-element för #toggle-tjansterIT-ledning och #toggle-tjansterApplicationManagement och sen kontrollera du om den är öppen eller inte, om inte så stäng alla som är öppna och öppnar det target du har.
Hur ser HTML markupen ut? Känns lite onödigt att göra mer eller mindra samma kod om och om igen... borde kunna exempelvis använda dig av a-element för #toggle-tjansterIT-ledning och #toggle-tjansterApplicationManagement och sen kontrollera du om den är öppen eller inte, om inte så stäng alla som är öppna och öppnar det target du har.