Inne Jak zrobić klikany slider

wersja skryptu MyBB: Zwykła strona w html i css
adres forum: www.kopcioo.ugu.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Mam wykonany slider. Ale on działa w ten sposób że jak najadę na obrazek to automatycznie się wysuwa, a chcę zrobić tak aby wysuwał się tylko jak kliknę

<style type="text/css">
#tab {
   width: 200px;
   height: 300px;
   position: fixed;
   top: 100px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -210px;
}
#tab:after{
   content: url('http://www.no-limit.pl/przycisk.png');
   position: absolute;
   right: -32px;
   top: -5px;
   cursor: pointer;
}

#tab:hover {
   left: 0;
}
</style>
<script type="text/javascript">
$(function () {
   var tab = $('#tab'), ow = tab.outerWidth();
   tab.css('left', -ow).hover(function () {
      $(this).stop().animate({left: 0}, 500);
   }, function () {
      $(this).stop().animate({left: -ow}, 500);
   });
});
</script>
<div id="tab">Tutaj dowolna treść</div>

SLAVOO napisał 29.07.2013, 20:20:


Tytułuj odpowiednio wątki

Spróbuj tak:

<style type="text/css">
#tab {
   width: 200px;
   height: 300px;
   position: fixed;
   top: 100px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -210px;
}
#tab:after{
   content: url('http://www.no-limit.pl/przycisk.png');
   position: absolute;
   right: -32px;
   top: -5px;
   cursor: pointer;
}

#tab:hover {
   left: 0;
}
</style>
<script type="text/javascript">
$(function () {
   var tab = $('#tab'), ow = tab.outerWidth();
   tab.css('left', -ow).onclick(function () {
      $(this).stop().animate({left: 0}, 500);
   }, function () {
      $(this).stop().animate({left: -ow}, 500);
   });
});
</script>
<div id="tab">Tutaj dowolna treść</div> 


Dalej tak samo ;]

Nie widać forum pod linkiem.