Ik ben bezig met een slide box zoals wat dit ( http://wonen.nl ) als je daar op aanmelden boven aan klikt dan zie je een box tevoorschijn komen.
menu.php
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="style.css" />
<div class="login_box"></div>
<div class="menu">
<div class="logo"><a href="index.php"><img src="images/logo.png" /></a></div>
<ul>
<a href="index.php"><li class="menu_knop">Home</li></a>
<a href="werben.php"><li class="menu_knop">Werben</li></a>
</ul>
<a class="login"></a>
<a class="zoeken"></a>
</div>
slider_login.js
$(document).ready(function(){
$("a.login").click(function(){
$(".login_box").slideToggle("slow");
});
});
style.css
a.login{
position: fixed;
top: 20px;
right: 100px;
width: 60px;
height: 60px;
background: white url(images/login.png) no-repeat center;
background-size: 45px 45px;
border: 1px solid black;
border-radius: 6px;
}
a.login:active{
position: fixed;
top: 20px;
right: 100px;
width: 60px;
height: 60px;
background: black url(images/login_active.png) no-repeat center;
background-size: 45px 45px;
}
.login_box{
position: relative;
top: 20px;
left: 25%;
width: 50%;
height: 250px;
background: red;
display:none;
}
wat het probleem bij mij is, is dus dat ie helemaal niks laat zien ook niet als ik op de login knop heb gedrukt.
