Kom ihåg mig?
Home Menu

Menu


Allt utom detta (motsvarighet till $("this"))

Ämnesverktyg Visningsalternativ
Oläst 2012-12-03, 01:56 #1
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
Standard Allt utom detta (motsvarighet till $("this"))

Hejsan!

Jag undrar om det finns någon typ av motsvarighet till $("this")?

Alltså, som nuläget så har jag gjort som så att, när jag klickar på en text, så kommer en dropdown fram. Klickar jag på den igen så försvinner den. Men sen har jag mer text med andra dropdowns. Så jag får skriva en hel drös med funktioner för varje text. Att, klickar jag på "den där" stängs "den där", och klickar jag på "den där" så stängs även "den där", osv osv..

Känns som om det borde finnas ett lite bättre alternativ? :P

Tänkt er en meny, och istället för hover, så har man klick event. Och klickar man på en text och har en annans text dropdowns öppen, så ska den stängas samtidigt som den texts dropdown som man precis klickat på skall visas.

Förstår ni?
jonssondesign är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-12-03, 08:21 #2
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Bäst är att du håller koll på vilken som öppnats, och stänger den när en ny öppnas.

Enklast är att du lägger en klass på alla dropdowns och stänger alla med klassen innan du visar en.
Clarence är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-12-03, 17:06 #3
secag secag är inte uppkopplad
Medlem
 
Reg.datum: Nov 2012
Inlägg: 211
secag secag är inte uppkopplad
Medlem
 
Reg.datum: Nov 2012
Inlägg: 211
Du kan också kolla vilka som är nere, alltså droppade.
secag är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-12-04, 00:23 #4
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
Berätta gärna med kod.
jonssondesign är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-12-04, 01:38 #5
yakuzaemmes avatar
yakuzaemme yakuzaemme är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2012
Inlägg: 773
yakuzaemme yakuzaemme är inte uppkopplad
Mycket flitig postare
yakuzaemmes avatar
 
Reg.datum: Jun 2012
Inlägg: 773
Om du har en HTML-struktur som denna:
Kod:
<div class="alldropdowns">
	<ul>
		<li class="dropdown1"> <span class="ddclick">Dropdown1</span>
			<ul style="display:none;">
								
			</ul>
		</li>
		<li class="dropdown2"> <span class="ddclick">Dropdown2</span>
			<ul style="display:none;">
								
			</ul>
						
		</li>
		<li class="dropdown3"> <span class="ddclick">Dropdown3</span>
		       <ul style="display:none;">
								
			</ul>
		</li>
	</ul>
</div>

Så kan du lösa det såhär:

Kod:
$('.ddclick').click(function() {
  var mainparent = $(".alldropdowns");
  var dropdown = $(this).parent().find("ul");
  var showthis = dropdown.is(':hidden');
               
  mainparent.find('ul > li > ul').hide();
  if(showthis) { dropdown.fadeToggle(); }
});
Berätta gärna om den fungerade!
yakuzaemme är inte uppkopplad   Svara med citatSvara med citat
Oläst 2012-12-04, 01:41 #6
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
Tack, tusen tack! Fungerade utan problem! Och förvånade lätt kod :O

Du är bäst yakuz!!
jonssondesign ä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 21:44.

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