2 of 2
deleted 220 characters in body

So I figured out the answer !

Here 's the logic behind this :

//Comments explanation

$("#btnAfter").click(function() {

   // I select the first div, the one at the top
  $('#slideshow > div:first')

    // I put it at the end of the stack
    .appendTo('#slideshow')    
});

// Here is the opposite logic
$("#btnPrev").click(function() {

  // Here I select the last div, the one at the bottom
  $('#slideshow > div:last')

    //I put it at the top of the stack which also move the dom selection with it
    .prependTo('#slideshow')        
});

Here is the result : https://codepen.io/1conu59/pen/gqJPjP

This create a really clear mind logic of DOM manipulation, similar to mixin a stack of cards.

This is few ressources which help me a lot on it :

https://www.elated.com/articles/jquery-adding-elements/

https://www.w3schools.com/jquery/jquery_ref_traversing.asp