slideUp incluant Float left
Bonjour,
Je travaille actuellement sur une page web et je dois utiliser la méthode slideToggle() cependant j'ai constater un problème sur le slideUp comme dans l'exemple suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<!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>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("#locationBar").click(function () {
$(this).next().slideToggle();
});
});
</script>
</head>
<body >
<div id="locationBar" >Location</div>
<div>
<div style=" float:left; width:200px; border:1px solid" >
<p id="test2">test2</p>
<p>test3</p>
<p>test4</p>
<p>test5</p>
</div>
<div style=" float:left; width:200px; border:1px solid" >
<p >test6</p>
<p>test7</p>
<p>test8</p>
<p>test9</p>
</div>
</div>
</body>
</html> |
Pour détails en gros dans mes div en réalité c'est une image avec une description a coté. La seul solution que je voie pour le moment c'est l"utilisation d'un tableau à la plce du float left.
Si quelqu'un a déja rencontrer ce problème et trouvé une meilleur solution je suis preneur :P
Merci d'avance pour votre aide
