Home/ Questions/Q 9012019
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T02:53:35+00:00

I am trying to show one div at a time and scroll trough them

  • 0

I am trying to show one div at a time and scroll trough them over and over. I have modified a Fiddle I found and I got it working on fiddle, but for some reason I cant implement a simple test page with the fiddle. It simply does not scroll trough the divs.

Here is the fiddle: http://jsfiddle.net/Twistar/d6nZP/86/

And here is my implemented code:

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="styles/styles.css">
    <script type="text/javascript" src="includes/headers/jquery.min.js"></script>
    <script type="text/javascript">

    function go() {
        var visibleBox = $('#container .boxes:visible');
        visibleBox.hide();
        var nextToShow = $(visibleBox).next('.boxes:hidden');
        if (nextToShow.length > 0) {
            nextToShow.show();
        } else {
            $('#container .boxes:hidden:first').show();
        }
        return false;
    }​
        setInterval(go, 1000);​
    </script>
</head>

<body>
    <div id="container">
        <div class="boxes" style="display:">first box</div>
        <div class="boxes" style="display:none;">second box</div>
        <div class="boxes" style="display:none;">third box</div>
        <div class="boxes" style="display:none;">forth box</div>
    </div>
</body>

Can anyone please tell me what i am doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I am guessing that you have a working fiddle but on your local test page its not working

    your fiddle works because you got selected the default handlers from left handside dropdowns and its not working on your test page because your jquery handler is missing.

    the reason is you are missing the document ready handler here:

    $(function(){
    setInterval(go, 1000);
});

    try replacing with this one and see if helps.

    • 0