[jonssondesign]

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?

[Clarence]

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.

[secag]

Du kan också kolla vilka som är nere, alltså droppade.

[jonssondesign]

Berätta gärna med kod.

[yakuzaemme]

Om du har en HTML-struktur som denna:

<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:

$('.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!

[jonssondesign]

Tack, tusen tack! Fungerade utan problem! Och förvånade lätt kod :O

Du är bäst yakuz!!