Beste webmasters,
Ik probeer met een gekneusde hand een slice af te maken.. Maar de dropdown werkt niet goed mee. kan iemand mij daarmee helpen
http://frenzo305.v3host.be/Slices/12/
Je moet klikken op Persoonlijk , dat wordt dadelijk allemaal aangegeven als het af is!
Mvg,
Frenzo
Bij mij werkt het wel, dus ik weet niet wat er verkeerd aan is? Getest in Google Chrome en Mozilla Firefox.
Ik zie wel een oplossing, maar denk geen nette.
jQuery is afgesteld op li a, dus dan moet je code steeds repeaten miss elke li a andere class naam geven.
$('#zijkant-links .titel').click(function () {
$('ul.menu-left').slideToggle('medium');
});
$('ul.menu-left li a').mouseover(function () {
$(this).animate( 50 );
});
$('ul.menu-left li a').mouseout(function () {
$(this).animate( 50 );
});Moet je bij elke menu geloof ik apart benoemen.
bij mij werkt het ook, maar heel die blok gaat open als je klikt. Is het geen optie op elke menu afzonderlijk open te laten gaan?
Dan ga je werken met verschillende getallen, ik begrijp het probleem niet.
Als je deze code gebruikt, werkt het bij mij:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<base href="http://frenzo305.v3host.be/Slices/12/" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="FB Webdesign" />
<link rel="stylesheet" type="text/css" href="opmaak.css" />
<title>True Crime - Webdesign en slice door FB Webdesign</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.fullscreenr.js" type="text/javascript"></script>
<script type="text/javascript" src="jsfiles/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.titel').click(function () {
$('.menu-links'+$(this).attr("alt")+' ul.menu-left').slideToggle('medium');
});
$('ul.menu-left li a').mouseover(function () {
$(this).animate( 50 );
});
$('ul.menu-left li a').mouseout(function () {
$(this).animate( 50 );
});
});
<!--
// You need to specify the size of your background image here (could be done automatically by some PHP code)
var FullscreenrOptions = { width: 1024, height: 740, bgID: '#bgimg' };
// This will activate the full screen background!
jQuery.fn.fullscreenr(FullscreenrOptions);
//-->
</script>
</head>
<body>
<img id="bgimg" alt="" src="images/bg.png" />
<div id="realBody">
<div id="header">
<div id="logo"></div>
</div>
<div id="status">
<li style="background: url(icons/1299449446_user_gray.png) no-repeat left;">Welkom Frenzo,</li>
<li style="background: url(icons/1300039203_award_star_bronze_1.png) no-repeat left;">10% Groentje</li>
<li style="background: url(icons/1300585967_heart.png) no-repeat left;">20% Leven</li>
<li style="background: url(icons/1299449528_031.png) no-repeat left;">30% Energie</li>
<li style="background: url(icons/coins.png) no-repeat left;"> 500 ,-</li>
<li style="background: url(icons/1299639165_bank.png) no-repeat left;"> 1.000,-</li>
<li style="background: url(icons/1300586154_email.png) no-repeat left;">2 Nieuwe berichten!</li>
</div>
<div id="container">
<div id="website">
<div id="zijkant-links">
<div class="titel" alt="1">
<font color="red">Perso</font>olnijk
</div>
<div class="menu-links1">
<div class="menu">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
<div class="menu2">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
</div>
<div class="titel" alt="2">
<font color="red">Perso</font>olnijk
</div>
<div class="menu-links2">
<div class="menu">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
<div class="menu2">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
</div>
<div class="titel" alt="3">
<font color="red">Perso</font>olnijk
</div>
<div class="menu-links3">
<div class="menu">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
<div class="menu2">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
</div>
<div class="titel" alt="4">
<font color="red">Perso</font>olnijk
</div>
<div class="menu-links4">
<div class="menu">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
<div class="menu2">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
</div>
<div class="titel" alt="5">
<font color="red">Perso</font>olnijk
</div>
<div class="menu-links5">
<div class="menu">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
<div class="menu2">
<ul class="menu-left">
<li><a href="#">- Home</a></li>
<li><a href="#">- Profiel beheer</a></li>
<li><a href="#">- Forum</a></li>
<li><a href="#">- Ledenlijst</a></li>
</ul>
</div>
</div>
</div>
<div id="content">
<div class="titel"></div>
</div>
<div id="zijkant-rechts">
<div class="titel"><font color="red">Activi</font>teiten</div>
<div class="titel"><font color="red">Activi</font>teiten</div>
<div class="titel"><font color="red">Activi</font>teiten</div>
</div>
</div>
</div>
<div id="footer">Webdesign by Frenzo Brouwer</div>
</div>
</body>
</html>werkt in ie en google chrome dus!
Heb je nog geen account? Registreer je nu en word deel van onze community!