---
title: "toggle lager med jquery, visa endast senast klickade"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/178757-toggle-lager-med-jquery-visa-endast-senast-klickade"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "kolas"
published: "2009-05-27T14:40:34.000Z"
updated: "2009-05-30T21:07:38.000Z"
replies: 2
views: 547
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/178757-toggle-lager-med-jquery-visa-endast-senast-klickade"
---

# toggle lager med jquery, visa endast senast klickade

## #1 — kolas, 2009-05-27T14:40Z

Jag tänkte det verkade smart att använda Jquery för att visa och dölja lager i en meny, men jag skulle vilja att om man har klickat fram ett lager så ska det bara vara det som är synligt. som det är nu så måste man klicka på samma för att släcka det annars ligger alla synliga som man klickat fram.

Men jag vet inte i vilken ände jag ska börja i.

```
<script type="text/javascript">

    $(function() {
        $('a#m1toggle').click(function() {
            $('#m1').toggle();
        });
        $('a#m2toggle').click(function() {
            $('#m2').toggle();
        });
        $('a#m3toggle').click(function() {
            $('#m3').toggle();
        });  
          
    });
</script>

    <li><a href="#" id="m1toggle">sommar</a>
    <div id="m1">
    <a href="länk">juni</a>
	<a href="länk">juli</a>    
    </div></li>

    
    <li><a href="#" id="m2toggle">vinter</a>
    <div id="m2">
    <a href="länk">november</a>
	<a href="länk">december</a>    
    </div></li>
    
    <li><a href="#" id="m3toggle">väder</a>
    <div id="m3">
    <a href="länk">regn</a>
	<a href="länk">sol</a>    
    </div></li>
```

Kan jag inte använda toggle för att uppnå detta?

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

## #2 — kolas, 2009-05-30T21:03Z

Om det nu var någon som förstod vad jag var ute efter och undrar samma...
Jag löste det så här istället:

CSS:

```
.content {
    display: none;
}
```

jQuery:

```
$(function() {
    $('.action').click(function() {
        var content = $(this).find('~ .content');
        $(this).parent().parent().find('.content').not(content).hide();
        content.toggle();
    });
});
```

HTML:

```
<ul>
    <li>
        <a href="#" class="action">summer</a>
        <div class="content">
            <a href="link">june</a>
            <a href="link">july</a>
        </div>
    </li>
    <li>
        <a href="#" class="action">winter</a>
        <div class="content">
            <a href="link">november</a>
            <a href="link">december</a>
        </div>
    </li>
    <li>
        <a href="#" class="action">weather</a>
        <div class="content">
            <a href="link">rain</a>
            <a href="link">sun</a>
        </div>
    </li>
</ul>
```

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

## #3 — Phorpher, 2009-05-30T21:07Z

Det låter som om du vill ha samma funktionalitet som i en "[accordion](http://docs.jquery.com/UI/Accordion)"

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/178757-toggle-lager-med-jquery-visa-endast-senast-klickade