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>