I need stop slideUp in jquery

Question

i write this code , it make a slideUp for me now I need when mouse over stop slide up regard

$(document).ready(function () {
$('#ticker_02').mouseover(function() {
  //I NEED THIS CODE
    })

});

function tick2(){
    $('#ticker_02 li:first').slideUp( function () { $(this).appendTo($('#ticker_02')).slideDown(); });
}
setInterval(function(){ tick2 () }, 2000);

U want it to slide down mouse over? – Katti May 27 '12 at 09:06 — Katti, May 27 '12 at 09:06

score 1 · Accepted Answer · answered May 27 '12 at 09:07

1

try stop() method:

$('#ticker_02').mouseover(function() {
  $(this).stop(true);
})

answered May 27 '12 at 09:07

Ram

143,282
16
168
197

hi, if you slide the `li:first` try it by changing the selector `$('#ticker_02 li').mouseover(...)` – Ram May 27 '12 at 09:16
Thank I solve this . my problem setInterval(function(){ tick2 () }, 2000); . stop worked but this start again . – Mr-EsSi May 27 '12 at 09:19

score 0 · Answer 2 · edited Sep 30 '16 at 10:57

function tick2(){
  $('#ticker_02 li:first').slideUp(
    function () {
      $(this).appendTo($('#ticker_02')).slideDown();
    }
  );
}

d=setInterval(function(){ tick2 () }, 5000);

function stop1(){
  clearInterval(d);
}
function start1(){
  d=setInterval(function(){ tick2 () }, 5000);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ticker_02" class="ticker" onmouseover="stop1()" onmouseout="start1()" >
  <li>element1</li>
  <li>element2</li>
</ul>

score 0 · Answer 3 · edited Sep 30 '16 at 10:35

Try This.

<ul id="ticker_02" class="ticker" onmouseover="stop1()" onmouseout="start1()">

<script>
var d
function tick2(){
    $('#ticker_02 li:first').slideUp( function () {    
        $(this).appendTo($('#ticker_02')).slideDown(); });
}
d=setInterval(function(){ tick2 () }, 2000);


function stop1(){
    clearInterval(d);
}

function start1(){
    setInterval(function(){ tick2 () }, 2000);
}
</script>

I need stop slideUp in jquery

3 Answers3