Ik heb een klein probleempje met een sidebar.

ik wil graag voor mijn nieuwe site een sidebar hebben die naar binnen en naar buiten kan sliden als je op een knop klikt nu had ik dit al gevonden op stackoverflow. de manier die ik daar vondt is precies wat ik bedoelde en wou hebben alleen werkt het op de een of andere manier niet op mijn site. ik heb de jquery geimport en nog doet hij niks.

kan iemand mij helpen dit werkend te krijgen?


<!DOCTYPE HTML>
<html lang="nl">
	<head>
		<meta charset="utf-8">
		<title>Serialhacks</title>
		
		<meta name="keywords" 		content=""> 
		<meta name="description"	content=""> 		
		<meta name="author" 		content="Niels Peeren"> 
		<meta name="robots" 		content="index, follow"> 
		<meta name="rating" 		content="General"> 
		<meta name="revisit-after" 	content="1 day">
		
		<link rel="shortcut icon" href="images/favicon.ico">
		
		<link rel="stylesheet" type="text/css" href="styles/reset.css">
		<link rel="stylesheet" type="text/css" href="styles/main.css">
		
		<!--<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>-->
		<script type="text/javascript" src="scripts/main.js"></script>
		<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
		
		
		<script>
		$(function(){
			toggle_sidebar();
			setTimeout(toggle_sidebar,3000);
		});

		function toggle_sidebar(){
			
			$('#sidebar').toggle('slide', { direction: 'left' }, 500);
		}
		</script>
		
	</head>
	
		<body>
		
		<div id="container">
		
		<div id="sidebar"></div>
		
		

		</div>

	</body>
</html>
		
Ik zie dat je 1x jQuery include en een main.js
Waar staat de Javascript-code van toggle_sidebar()? Dat is een plugin (neem ik aan) en heeft dus een eigen bestand nodig.
de main.js staat niks in. ik heb de laatste jquery geimport en de toggle_sidebar is de zelfgegeven naam aan de functie daaronder wordt de toggle slide gebruikt en dat is als het goed is wel een plugin maar die zit toch standaard in jquery?

Reageren