jQuery open/dicht ul element

Een ID kan maar 1 maal per pagina voorkomen. In jouw geval komen op zijn minst 2 IDs 2 keer voor.

Dat lost niets op, heb het veranderd naar een class.

<script type="text/javascript">
	$(function(){
        $('.OFM').click(function(){
	        
	        // Class die ik wil openen
	        var class = '.'+$(this).attr('target');
	        
	        // Eerst alles met ID CFM sluiten
	        $('.CFM').slideUp().delay(500);
	        
	        // De aangeklikte class openen
	        $(class).slideToggle();
        });
	});
	</script>

<li><a class="OFM" target="navi">Open/Dicht</a></li>

<ul class="navi CFM"><li>Links</li></ul>

<li><a class="OFM" target="provincie">Open/Dicht</a></li>

<ul class="provincie CFM"><li>Links</li></ul>

Welke error krijg je in je JavaScript console? (F12 of Ctrl + Shift + J)

Uncaught SyntaxError: Unexpected token class


Foutmelding is weg, het klapt nu weer open en dicht.

	<script type="text/javascript">
	$(function(){
        $('.OFM').click(function(){

	        var target = '.' + $(this).attr('target');
	        
	        //$('.CFM').slideUp();
	        

		    if($('.CFM').is(':visible'))
		    {
		        $('.CFM').slideUp('slow');
		        //return false;
		    }

		    if($(target).is(':visible'))
		    {
		        $(target).slideUp('slow');
		        return false;
		    }
		    else
		    {
		        $(target).slideDown('slow');
		        return false;
		    }
        });
	});
	</script>

<li><a class="OFM" target="navi">Open/Dicht</a></li>

<ul class="navi CFM"><li>Links</li></ul>

<li><a class="OFM" target="provincie">Open/Dicht</a></li>

<ul class="provincie CFM"><li>Links</li></ul>

[size=xsmall]Toevoeging op 26/04/2015 22:50:09:[/size]

EDIT:

Thnx Wouter.

[size=xsmall]Toevoeging op 27/04/2015 11:41:52:[/size]

Nu zit ik met het volgende probleem, Ik maak in de CSS gebruik van media queries. Als het scherm te klein wordt dan verander ik het menu (display: none) naar een link die je kan openklappen met jQuery.

Als je het scherm (van mobiel) verticaal hebt en geen gebruik maakt van de link om het menu open te klappen en het scherm kantelt naar horizontaal dan komt het normale menu te voorschijn, maar als je wel gebruik maakt van de link en het scherm dan kantelt komt het menu niet te voorschijn.

[size=xsmall]Toevoeging op 27/04/2015 16:06:10:[/size]

Twee dingen die niet werken.

1 - De 'var content' vult zich op, dus hoe vaker ik klik hoe meer text er in komt te staan. Ik probeer de 'var content' te legen maar dat lukt niet.

2 - Als ik .text() verander naar .html() dan werkt het niet meer. Er wordt geen html opgehaald.

<script type="text/javascript">
	$(function(){
        $('.OFM').click(function(){

	        //var content = null;
	        //delete window.content;
	        //content = undefined;
	        //delete this.content;
	        var content = '';
	        
	        var target = '.'+$(this).attr('target')+'.CFM';
	        var content = $(target).text();
	        
	        var vullen = '.'+$(this).attr('target')+'.content'+'.CFM';

		    if($('.content.CFM').is(':visible'))
		    {
		        $('.content.CFM').slideUp('slow');
		        
		    }
	        
		    if($(vullen).is(':visible'))
		    {
		        $(vullen).slideUp('slow');
		        
		    }
		    else
		    {
		        $(vullen).slideDown('slow').text(content);
		        return false;
		    }
		    
        });
	});
	</script>