Discussion :

[dhillig]

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

[dhillig]

re_bonsoir,

Je dois malheureusement mettre le footer en position fixe et pour le coup, plus de slide

Oui, car pas mal de prob au format mobile, le footer ne restant pas fixé en bas
Juste un prob de CSS
Il me semblait avoir tout testé avant de poster cette question
Un footer en position relative et le toogle (div contenant le footer) en fixed.
Aussi bête que ça, bcp de temps perdu pour ce qui demeure le b.a.-ba des CSS.
Bonne soirée,
dh