jQuery: Slide Left
Ein Tutorial zu den slide* Methoden in jQuery und wie man eine eigene Methode baut die sich in eine andere Richtung bewegt gibt es bei learning jQuery.
Ausgehend von diesem HTML Snippet:
<div id="slidebottom" class="slide"> <button>slide it</button> <div class="inner">Slide from bottom</div> </div>
Lässt sich z.B. so ein “slideLeft” realisieren:
$(document).ready(function() {
$('#slideleft button').click(function() {
var $lefty = $(this).next();
$lefty.animate({
left: parseInt($lefty.css('left'),10) == 0 ? -$lefty.outerWidth() : 0
});
});
});
Den Einsatz des ternary-Operators an dieser Stelle finde ich schick. Aus unerklärlichen Gründen bin ich bislang nie auf diese Idee gekommen.