---
title: "Dölja div vid klick utanför?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/192693-dölja-div-vid-klick-utanför"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "MickeA.com"
published: "2015-05-28T03:01:31.000Z"
updated: "2015-06-23T02:45:47.000Z"
replies: 1
views: 2181
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/192693-dölja-div-vid-klick-utanför"
---

# Dölja div vid klick utanför?

## #1 — MickeA.com, 2015-05-28T03:01Z

Hej

Har följande markup:

```
<div class="PhoneNo">
	<label>Telefon <span class="Mandatory">*</span></label><br />
	<div class="Fields clearfix">
		<div class="CountrySelect"></div>
		<span class="delimiter">+</span>
		<input type="text" id="Phone1" class="Textbox Phone1 CountryCode" />

		<span class="delimiter">-</span>
		<input type="text" class="Textbox Phone1" />

		<span class="delimiter">-</span>
		<input type="text" class="Textbox Phone2" />
	</div>
</div>
```

När man fokuserar på det första fältet *.CountryCode* ska diven *.CountrySelect* visas, samt clonas med innehåll från *\#CountrySelect* och visas. Det här är inga problem:

```
$('.CountryCode').on('focus', function(){
	var Targ = $(this).parent().find(".CountrySelect");
	$(Targ).html($('#CountryList').html()).show();
});
```

 

Men jag får inte till att dölja den igen, som ska ske om man:

1) Väljer något i den selectlista som finns inuti.
2) Klick någonstans utanför diven.
3) Tabb (dvs man går vidare till nästa fält, CountryCode blur).

Tacksam för hjälp!

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

## #2 — MickeA.com, 2015-06-23T02:45Z

Löste ett liknade problem såhär:

```
$(function() {
	$('#Account').on('click', '#AccountBtn > a', function(e){
		e.preventDefault();
		$(this).next('ul').toggleClass("item-opened");
	});
	$(".AccountBox").mouseup(function() {
		return false
	});
	$(document).on('mouseup', function(e) {
		if($(e.target).parent(".AccountBox li").length == 0) {
			$(".AccountBox").removeClass("item-opened");
		}
	});
});
```

...så gissar att jag kan lösa ovan på liknande sätt.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/192693-dölja-div-vid-klick-utanför