Vérifier la visibilité du premier ou dernier élément

Version imprimable

24/09/2018, 07h51
McNullity

Vérifier la visibilité du premier ou dernier élément

Salut salut.

Après une bonne semaine à trifouiller mon code, je vois enfin le bout de mon projet. J'aurai cependant besoin d'un petit coup de main pour poser la dernière pierre à l'édifice.
Voilà le topo :

https://codepen.io/anon/pen/pOBVNX

Je cherche à faire disparaitre le bouton #prev quand la 1ère div '.canBeToggled' est visible, et le bouton #next quand c'est la dernière qui l'est.
Merci d'avance pour toutes vos réponses.
24/09/2018, 08h39
SpaceFrog

Il te suffit à la fin du scroll de vérifier la valeur de scrollTop ...

Citation:

Envoyé par SpaceFrog

Il te suffit à la fin du scroll de vérifier la valeur de scrollTop ...

Il n'est plus question du scroll ici. C'est au niveau de la partie fadeToggle. Le changement de cible s'effectue très bien, mais je cherche à cacher un des bouton quand on se trouve en tête ou en bout de file.

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
40
41
$(document).ready(function(){
$('a.triggerToggle, button.triggerToggle').on('click', function folioScreen(){
 
  var $img = $('.content').find(".canBeToggled"), 
    i = -1,
    last = $img.eq(i),
    first = $img.eq(0);
 
  if (first.is("visible")) {
        $('#prev').hide();
        $('#next').show();
    } 
  else if (last.is("visible")) {
        $('#next').hide();
        $('#prev').show();
    } 
  else {
        $('#prev').show();
        $('#next').show();
 
    };
 
     $('.canBeToggled').fadeOut(500);//cache toutes tes images
     $('#' + $(this).data('targettoggle')).fadeToggle(500);  
 
     $('#next').on('click',function() {    
          $('.canBeToggled').fadeOut(500);//cache toutes tes images
          $(".canBeToggled:visible").next().fadeToggle(500);
 
   })
 
     $('#prev').on('click',function() {
          $('.canBeToggled').fadeOut(500);//cache toutes tes images
          $(".canBeToggled:visible").prev().fadeToggle(500);
 
   })
	 e.preventDefault();
 
 
});
 });

24/09/2018, 10h32
SpaceFrog

Attention de ne pas oublier les ":"

Code:

if (first.is(":visible")) {

Code remanié sur le chat : https://codepen.io/anon/pen/mGYyVB
24/09/2018, 10h56
McNullity

En effet, merci pour le coup de pouce !