Kom ihåg mig?
Home Menu

Menu


"Ajax" dropdown, hur gör man?

 
Ämnesverktyg Visningsalternativ
Oläst 2010-03-19, 00:17 #1
olsserik olsserik är inte uppkopplad
Flitig postare
 
Reg.datum: Jul 2007
Inlägg: 300
olsserik olsserik är inte uppkopplad
Flitig postare
 
Reg.datum: Jul 2007
Inlägg: 300
Hej,
Testa följande:
I headen:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".knapp-id").click(function(){
$("#toggler").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>

I bodyn:

<div id="toggler">Ditt innehåll som ska togglas fram</div>
<a href="#" class="knapp-id">Klicka mig för att toggla!</a>

Och i CSS:en, display:none på divven...

Senast redigerad av olsserik den 2010-03-19 klockan 00:33 Anledning: För att inte krångla till det lade till jq-lib + css
olsserik är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 09:37.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017