"Dölja" info på webbsida

Med jquery kan du göra det. Som du säger så är det javascript som gäller för att lösa det hela. Om du vill bli bättre på javascript så är http://www.w3schools.com/ en bra sida.

Eller så gör man det mycket lättare för sig själv och kör med detta;

<script>

function toggle(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
	}
	else {
		el.style.display = '';
	}
}

</script>

<span onclick="toggle('1');" class="toggle">VISA</span>

Om man trycker på VISA så visas div-taggen med ID 1

@x-per, du vet väl att display: hide inte finns?

Eller så använda detta;
Animated Collapsible DIV v2.2
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.h...

+1 för jQuery:

$('#minDiv').toggle();

Dels är chansen att du redan har jQuery cachat så stor att det i princip inte ger någon skillnad i bandbredd, dels är det rätt jobbigt att göra detta för en samling element:

$('#endiv, #endiv2, .enklass, .enklass>barn, .enklass:odd, .enklass+nästa').slideToggle();

Jämför den raden med att göra detsamma i JS utan ramverk. Vad kommer skillnaden i svårighetsgrad på de två kodsnuttarna att göra för utvecklingen av TS sajt?

Med jQuery tjänar man så mycket i skalbarhet att det nästan alltid är värt det i slutändan. Men ja, du har rätt i att det är onödigt om man bara ska toggla ett enda element, utan effekt.

Förutsatt att man använder någon slags CDN-version av jQuery, typ den Google har.

Kan hoppa in och förklara här. Man sätter det till ingenting för att browsern tar då själv hand om att sätta det till defaultvärdet. Glöm inte att man kanske vill gömma en cell i en tabell, eller en hel tabellrad. Då är det inte block man vill ha, utan kanske table-row eller table-cell.

Tjena, det verkar som att du kan stryka de två kodsnuttarna i mitten (shows/hides), då blir det lite kortare. För att få det dynamiskt finns det garanterat någon plugin redan eller någon kodsnutt på nätet.

Men jag kan ju visa lite av de roligare delarna av jQuery istället, så lär du dig antagligen mycket mer. Såhär skulle jag ha gjort, håll till godo!

// Pluginet kan man lägga i en makeToggler.js om man vill

// "extendar", alltså utökar, jQuery med en egen liten plugin
jQuery.fn.extend({
	// vår plugin består av en enda funktion; "makeToggler"
	// Parametrar:
	// "suffix" används för att identifiera ett trigger-element
	// "hiddenInitially" bestämmer om elementen är dolda initialt
	// "toggleSpeed" bestämmer hastigheten på animationen
	makeToggler: function(suffix, hiddenInitially, toggleSpeed) {
		// returnerar this.each för att hantera flera element
		return this.each(function() {
			// $(this) är först #slickbox, sedan #slickbox2 etc
			var toggleObj = $(this);
			if(hiddenInitially) {
				// dölj objektet initialt
				toggleObj.hide();
			}
			// hämta t.ex. $('#slickbox2-toggler')
			var toggler = $('#'+toggleObj.attr('id')+suffix);
			toggler.click(function() {
				// dölj/visa (och returnera false för att
				// förhindra att länken följs av webbläsaren)
				toggleObj.slideToggle(toggleSpeed);
				return false;
			});
		});
	}
});

// Detta lägger du i din HTML-fil...
$(document).ready(function() {
	// några exempel på hur man kan använda vår lilla plugin
	$('#slickbox, #slickbox2').makeToggler('-toggler', true, 200);
	$('#slickbox3, #slickbox4').makeToggler('-togg', false, 0);
});

Och använder det på t.ex. denna HTML:

<div id="slickbox">SLICKBOX ONE<hr></div>
<a href="#" id="slickbox-toggler">One</a>

jQuery är ett bibliotek/ramverk som förenklar programmering i JavaScript. Istället för att skriva 50 rader kod, använder man jQuery och skriver 5 rader kod. Det kan också handla om 500 rader JS vs 1 rad jQuery.

Jodå, det finns det. På raden före "function toggle (obj) {" lägger du till detta: document.getElementById('1').style.display = 'none';

Du kan även klistra in min lilla plugin-kod ovan i en fil som du döper till makeToggle.js och sedan använda den på det sätt jag beskrivit ovan. Kräver jQuery, alltså att du lägger till detta i din head:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min...."></script>

Dålig idé, tänk om någon har stängt av Javascript (eller inte ens har stöd för det).
Att dölja det med JS är rätt väg att gå.

Sant, men nu fraserade trådskaparen det som "information", något som jag antar är viktigt.

Ja nackdelen är ju att du inte kan skapa flera "togglers" i ett svep, som med min plugin. Då måste du repetera den där kodsnutten om och om igen. Den är på ca 7 rader och min plugin är på ca 14 rader, med andra ord blir min effektivare redan när man behöver 3 st "togglers". Men annars är det inga problem, kodsnutten är ju precis vad min plugin gör.

Oj, läste inte ens igenom kodsnutten, bara antog att det var som jag trodde. Skyller på att jag är bakis, var på Rockbaren igår.

Ja men då är din kodsnutt kortare och nästan lika bra. Jag skrev en plugin mest för att visa på hur enkelt det är att göra och hur snyggt modulärt det blir.

Absolut, är busenkelt att använda jQuery Cookie plugin. Är visserligen nästan lika enkelt att använda JavaScripts riktiga cookiehanterare själv, men man kanske vill slippa tänka på hur det fungerar bakom kulisserna. Då är cookie plugin bra.

När du väl har ett värde som säger vilket state användaren sist hade, är det bara att applicera det på sidan vid ready.