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

**McNullity** · 24/09/2018, 07h51

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.

**SpaceFrog** · 24/09/2018, 08h39

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

**McNullity** · 24/09/2018, 08h59

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 :

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
$(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();
 
 
});
 });