Jquery script werkt niet
Wie kan mij verder op weg helpen. Ik heb de volgende code: https://jsfiddle.net/1rphcq65/1/
Nu werkt de display:none van de content nog niet.
Ziet iemand de fout en heeft wellicht iemand voor mij de 'normale' JavaScript/Vanille hiervoor?
wellicht moet je je cache even legen?
Vervolgens als je op het 2de logo klikt moet de content van het eerste logo hidden, die van de 2de verschijnen.
En je moet waarschijnlijk ook op een of andere unieke manier kunnen nagaan waar je precies op geklikt hebt, nu hebben alle data-id velden dezelfde naam.
Wat mij ook vreemd overkomt is dat je refereert aan een echt id (je gebruik het hash-teken (#)) maar in je HTML komen geen id's voor?
En de logo's hun eigen functie geven waar je kan aangeven welke class die moet verbergen.
En of met id's werken, logo een id geven, waarbij je die id ook gebruik in de content bijv. id=content_1, dan heb je maar 1 functie nodig.
@Thomas, content is wel degelijk een css attribuut. Ik gebruik het weleens op tables om het van horizontaal naar verticaal te veranderen en dan de 1e td een content te geven via css :)
Of t correct is zoals Jan ermee omgaat is een ander verhaal
p.s. bij mij werkt het nooit fijn om een string te combineren om als jQ object te gebruiken. Ik maak altijd een var waar ik # en de naam combineer bij dynamische objecten, die ik vervolgens in $(myVar)... gebruik
Gewijzigd op 11/07/2017 06:44:59 door Dennis WhoCares
Dan moet ik alsnog communiceren dat wanneer content block 1 op display staat de rest gehide moet worden.
Ik ben nog geen kei in JS vooral jquery niet. Ff globaal wat ik wil doen.
Klik je op logo 1, dan moet content block1 verschijnen.
Klik je op logo 2, dan moet content block2 verschijnen.
Hoe zit ik dit heel basic kunnen oplossen met pure JS.
Gewijzigd op 11/07/2017 11:41:45 door Jan Graneker
geef je contentblocks allemaal een id="block1" , block2, block3
en een class="somecontent"
Logo's een class="logo" en id="1" nummer welke correspondeerd met de nummers van block1, 2, 3 enz
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
$('.logo').on("click",function() {
var curID = $(this).attr("id"); //Verkrijg de id van het geklikte logo
var contentBlock = "#block" + curID; //Maak string met de corresponderende block
$('.somecontent').hide(); //Verberg alle blocks met class="somecontent"
$(contentBlock).show(); //contentBlock weergeven
});
var curID = $(this).attr("id"); //Verkrijg de id van het geklikte logo
var contentBlock = "#block" + curID; //Maak string met de corresponderende block
$('.somecontent').hide(); //Verberg alle blocks met class="somecontent"
$(contentBlock).show(); //contentBlock weergeven
});
zoiets ?