---
title: "jQuery - limma div till länk"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/183771-jquery-limma-div-till-länk"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Fuel"
published: "2010-06-11T00:08:44.000Z"
updated: "2010-06-11T17:18:10.000Z"
replies: 4
views: 502
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/183771-jquery-limma-div-till-länk"
---

# jQuery - limma div till länk

## #1 — Fuel, 2010-06-11T00:08Z

Säg att jag kan visa / gömma en \<div\> med en länk. Om jag nu vill att den div jag öppnar ska synas precis under den länk jag använder - hur styr jag det ? länk & div ligger långt ifrån varandra i html koden. Länken ligger iofs i en div den också så det blir väl limma div till div  :)

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

## #2 — cyprys, 2010-06-11T04:00Z

```
$('#mylink').click(function(){
   var p = $('#mylink').offset();
   $('#mydiv').css('left',p.left).css('top',p.top).css('position','absolute');
   });
```

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

## #3 — Fuel, 2010-06-11T12:09Z

Strålande! hade fingrat lite på offset men inte haft helt klart hur..

dock så öppnar den i överkant på cellen.. har provat ändra css('top till bottom & -26 pixlar ? men då sabbar den designen

```
<script type="text/javascript">
$(document).ready(function()
{
    $("#toolz_menu").hide();
					
    $("#toolz_link").click(function () 
    {
        var p = $("#toolz_cell").offset();

        $("#toolz_menu").toggle("slow").css('left',p.left).css('top',p.top).css('position','absolute');
        return false;
    });
});
</script>

<style type="text/css">
    #toolz_menu { background:#F5ECCB; margin: 1px; border: 1px solid #444444; width: 200px; }
    #toolz_link {  }
    #toolz_cell img { border: none; }
    #toolz_cell { background: #F9C04D; }
</style>

<td id="toolz_cell" nowrap="nowrap">
<a href="#toolz_menu" id="toolz_link">Verktyg 
<img src="/images/toolz_open.png" width="10" height="10" alt="Open Toolz">
</a>
</td>
</tr>
</table>
	
<div id="toolz_menu">
<ul>
	<li>test 1</li>
	<li>test 2</li>
	<li>test 3</li>
        <li>test 4</li>
        <li>test 5</li>
</ul>
</div>
```

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

## #4 — rhdf, 2010-06-11T12:58Z

vad händer om du ger den ett "larvigt" högt z-index? Det borde ju hålla den borta ifrån att knuffa runt på saker

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

## #5 — jawbreaker, 2010-06-11T17:18Z

Du borde kunna kolla höjden på din toolz_cell och plussa på den på din offset låter det som. Typ:

```
$("#toolz_link").click(function ()
{
	var c = $("#toolz_cell");
	var p = c.offset();
	var h = c.height();

	$("#toolz_menu").toggle("slow").css('left', p.left + "px").css('top', (p.top + h) + "px").css('position','absolute');
	return false;
});
```

(Otestad kod dock...)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/183771-jquery-limma-div-till-länk