Goeie middag sd leden,
Mijn naam is fatih celik en ik ben bezig met een portfolio website.
Bij pagina "portfolio" ben ik bezig met een jquery slidetoggle menu waarmee je bij het klik van een afbeelding meer informatie tevoorschijn komt dat werkt prima.
Alleen als ik in een loop zet waarmee ik in admin meerdere kan toevoegen begint het jquery toggle menu heel gek te doen.
De laatste toggle menu klapt die netjes uit maar de andere klappen verschillende keren dicht.
hier een linkje om mijn probleem te begrijpen.
http://tinyurl.com/cdxp6jr
en dit is de code:
PHP Code:
<?php
include('config.php');
?>
<? include('ubbclass.php'); ?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<?
if(!isset($_GET['id']))
{
echo "";
$max = 4; // aantal interviews per pagina.
$result = mysql_query("SELECT * FROM interviews ORDER BY id DESC") or die(mysql_error());
$aantal = mysql_num_rows($result);
$aantal /= $max;
$totaal = ceil($aantal);
$color = array( '#343434', '#2e2e2e');
if ($aantal == 0)
{
print "Geen interviews";
}
else
{
$huidige = 1;
if(isset($_GET['nav']) && is_numeric($_GET['nav']) && intval(abs($_GET['nav'])) == $_GET['nav'] && $_GET['nav'] <= $totaal && $_GET['nav'] > 0)
$huidige = $_GET['nav'];
$str = $huidige == 1 ? '' : '<a href="?pagina=interview/interviews&nav=1">«</a> '; // de string waarin de rij paginanummers komt
$ervoor = ($totaal - $huidige) < 2 ? 4 - ($totaal - $huidige) : 2;
for($i = ($huidige - $ervoor > 0 ? $huidige - $ervoor : 1), $zien = 5; $i <= $totaal && $zien > 0; $i++, $zien--)
{
$str .= $i == $huidige ? '<b>'.$i.'</b> ' : '<a href="?pagina=interview/interviews&nav='.$i.'">'.$i.'</a> ';
}
$str .= $huidige == $totaal ? '' : ' <a href="?pagina=interview/interviews&nav='.$totaal.'">»</a>'; // zet de laatste pagina erbij
}
echo $str;
echo "</div>";
?>
<?
$result = mysql_query("SELECT *, UNIX_TIMESTAMP(datum) AS t_datum FROM interviews ORDER BY id DESC LIMIT ".($huidige * 20 - 20).",".$max) or die(mysql_error());
while($list = mysql_fetch_assoc($result)){
$interview = htmlentities($interview);
$ubb = new UBB('huje');
$interview = stripslashes($list['interview']);
$interview = $ubb->UBB($interview);
?>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
});
});
</script>
</head>
<div id="test">
<style>
.content{
display:none;
height:420px;
width: 282px;
text-align: left;
background:url('schaduw.png');
}
#foto {
height: 208px;
width: 282px;
background:url('foto.png');
}
#tekst {
text-align: center;
height: 20px;
width: 282px;
background:url('schaduw.png');
}
#foto1 {
position: relative;
top: 50px;
left:30px;
}
#test {
position: relative;
float: left;
}
</style>
<body>
<div id="test">
<script src="jquery-latest.js"></script>
</head>
<body>
<div class="container"><div id="foto"><div id="foto1">
<img src='<? echo $list['bestand']; ?>' width="212" height="107" ?></div></div>
<div id="tekst">Leesmeer</div>
<div class="content">Titel:
<br>
Omschrijving:
<br>
Site naam:</div>
</div></div>
<script>
$(".container").click(function() {
$(this).find('.content').slideToggle();
});
</script>
<? } ?>
<?
}
else
{
$result = mysql_query("SELECT * FROM interviews WHERE id = ".$_GET['id']."") or die(mysql_error());
echo " <div align='left'>< width='100%' background=\"paginas/interview.bmp\">";
while($list = mysql_fetch_assoc($result))
{
$interview = htmlentities($interview);
$ubb = new UBB('huje');
$interview = stripslashes($list['interview']);
$interview = $ubb->UBB($interview);
echo "";
echo "<img src='paginas/interview/".$list['bestand']."' width='150px' height='100px' style='border: 1px solid white' /></td><td valign='top'><p align='left'><b><font size='5'>".$list['titel']."</font></b></td>";
echo "";
echo "<>".$interview."</td>";
echo "";
}
echo "";
}
?>
</div>
</body>
</html>
- Jquery slideToggle probleem
-
03-05-2012, 10:20 #1
- Berichten
- 69
- Lid sinds
- 15 Jaar
Jquery slideToggle probleem
-
In de schijnwerper
Vacature €4500 p/m: WordPress Developer bij Festinger VaultFreelance / WerkMuziek Lyrics Merk met 480.000 Volgers op YouTube + TikTokSocial media[BELANGRIJK] Festinger Vault - Download 25.000 WordPress thema's en pluginsPromotieEcht Mama | Tips voor moeders | DA7 PA11 - CF10 TF11Website te koop
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic