Bonjour à tous,
J'ai un footer qui s'affiche et se cache (par slide) lors d'un clic. Cela fonctionne parfaitement lorsque ce dernier se trouve en position relative. Voici le script :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
jQuery(document).ready(function()
{
   jQuery('#toggle').hide();
   jQuery('a#toggler').click(function()
  {
      jQuery('#toggle').slideToggle(400);
      return false;
   });
});
Je dois malheureusement mettre le footer en position fixe et pour le coup, plus de slide
Y-a t'il un moyen de rétablir le slide, ou au pire, effectuer un fade-in/fade-out (afin d'éviter l'affichage brusque) ?
Ci-dessous le html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<a href="#" id="toggler" class="butt" value="#"><br/>
</a>
<div id="toggle" style="display:none;">	<footer class="footer-distributed">
 
			<div class="footer-left">
 
				<h3>Name<span>logo</span></h3>
 
				<p class="footer-links">
					<a href="#">Home</a>
					·
					<a href="#">Blog</a>
					·
					<a href="#">Pricing</a>
					·
					<a href="#">About</a>
					·
					<a href="#">Faq</a>
					·
					<a href="#">Contact</a>
				</p>
 
				<p class="footer-company-name">Name &copy; 2015</p>
			</div>
 
			<div class="footer-center">
 
				<div>
					<i class="fa fa-map-marker"></i>
					<p><span>Street</span> Paris, France</p>
				</div>
 
				<div>
					<i class="fa fa-phone"></i>
					<p>+1 555 123456</p>
				</div>
 
				<div>
					<i class="fa fa-envelope"></i>
					<p><a href="mailto:support@company.com">support@company.com</a></p>
				</div>
 
			</div>
 
			<div class="footer-right">
 
 
				<div class="footer-icons">
 
					<a href="#"><i class="fa fa-facebook"></i></a>
					<a href="#"><i class="fa fa-twitter"></i></a>
					<a href="#"><i class="fa fa-linkedin"></i></a>
					<a href="#"><i class="fa fa-facebook"></i></a>
 
			</div></div></footer>
Merci pour votre aide et bonne fin de week-end,
dh