---
title: "jQuery UI med toggle-funktionen - stänga div när man klickar utanför den"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/184630-jquery-ui-med-toggle-funktionen-stänga-div-när-man-klickar-utanför-den"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "web00132"
published: "2010-09-15T15:11:23.000Z"
updated: "2010-09-17T08:54:22.000Z"
replies: 7
views: 665
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/184630-jquery-ui-med-toggle-funktionen-stänga-div-när-man-klickar-utanför-den"
---

# jQuery UI med toggle-funktionen - stänga div när man klickar utanför den

## #1 — web00132, 2010-09-15T15:11Z

Min kod ser ut så här:

```
1. $("#openContent").click(function () {
2.     $("#content").toggle("slide",{direction: "right"},500);
3. });
```

\#openContent är alltså en a-länk som öppnar och stänger diven #content och det funkar finfint. Men om jag vill att den ska stängas när jag klickar utanför den, förutsatt att den är öppen, hur gör jag då?

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

## #2 — voigtann1, 2010-09-15T17:15Z

bind click event på din body/document som kolla en flagga om den skall dölja #content (kolla om den är är visible eller inte).

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

## #3 — web00132, 2010-09-16T14:45Z

Tack men sorry, det där säger inte mycket för en JS-amatör :) Har du lust att utveckla?

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

## #4 — voigtann1, 2010-09-16T16:43Z

har du något exempel uppe med CSS? så man inte jobbar i helt blindo?

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

## #5 — voigtann1, 2010-09-17T06:17Z

här har du något kanske?
<http://jsbin.com/uroru3>

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

## #6 — web00132, 2010-09-17T07:47Z

YES! Det är exakt det där jag vill! Har för mig att du räddat mig även tidigare voigtann1, stort tack  :bire

En grej nu är att om man dubbelklickar så glider diven tillbaks två gånger liksom, om man klickar utanför den. Försöker hitta något bra om typ "prevent doubleclick" men hittar inget relevant, tittade bl a på one:
<http://api.jquery.com/one/>
Det verkar ju vara det jag vill men hur implementerar jag det i denna kod?

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

## #7 — voigtann1, 2010-09-17T08:16Z

ändra:

```
content.hide("slide",{direction: "right"},500);
```

till:

```
content.not(":animated").hide("slide",{direction: "right"},500);
```

<http://jsbin.com/uroru3/5/>

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

## #8 — web00132, 2010-09-17T08:54Z

Funkar klockrent!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/184630-jquery-ui-med-toggle-funktionen-stänga-div-när-man-klickar-utanför-den