---
title: "jquery: Bara toggla en åt gången"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/187686-jquery-bara-toggla-en-åt-gången"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "silfver"
published: "2011-08-31T11:41:36.000Z"
updated: "2011-08-31T16:22:08.000Z"
replies: 2
views: 1089
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/187686-jquery-bara-toggla-en-åt-gången"
---

# jquery: Bara toggla en åt gången

## #1 — silfver, 2011-08-31T11:41Z

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.

Permalänk: https://www.webforum.nu/p/187686

## #2 — voigtann1, 2011-08-31T13:19Z

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.

är i stil med: <http://jsbin.com/olezib/edit#javascript,html,live> du är ute efter?

Permalänk: https://www.webforum.nu/p/2282667

## #3 — silfver, 2011-08-31T16:22Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1539473)**
>
> 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.
> 
> är i stil med: <http://jsbin.com/olezib/edit#javascript,html,live> du är ute efter?

 Sover du med jquery-bibeln under kudden? Du är ju ett geni!

Jag ska verkligen försöka läsa din kod och förstå den, den här gången. Otroligt clean!

Tack. :bire

Permalänk: https://www.webforum.nu/p/2282683

---

Tråden på webben: https://www.webforum.nu/amne/javascript/187686-jquery-bara-toggla-en-åt-gången