Jquery slider probleem

Heya,

Ik heb nu een slider gemaakt met een tutorial, alleen als ik met slideToggle de div sluit, uitleg staat onderaan in de code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>loll</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>

<script type="text/javascript">

$(document).ready(function(){


    $("#featured").hide();
    $(".ui-tabs-nav").hide();
    $("#openhide").show();
    
    $(#openhide).click(function(){
    $("#featured").slideToggle();
    });
    $(#openhide).click(function(){
    $(".ui-tabs-nav").slideToggle();
    });

});

</script>

<script type="text/javascript">
    $(document).ready(function(){
        $("#bottom > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 3000, true);
    });
</script>

</head>
<body>

        <div class="newbg">
            <div id="top"></div>
            <div id="featured" style="display: none;">
            <!-- First Content -->
                <div id="fragment-1" class="ui-tabs-panel" style="">
                    <div style="position: absolute; width: 218px; height: 218px; background-image:url(http://www.habbophone.nl/ckfinder/userfiles/nieuwsimages/news_head/new_chat.png); background-position: center; left:16px; top:16px" id="nieuws_fd"><img src="images/bordernews.png" width="218" height="218">
                        <div style="position: absolute; width: 3540px; valign: bottom; height: 25px; z-index: 100; left: 233px; top: 206px" id="laag1">
                            <font color="#999999" face="Verdana" size="1"> 
                                21 uur geleden gepost
                            </font>
                        </div>
                    </div>
                    <div id="title">
                        title
                    </div>
                    <div id="text">
                        info
                    </div>
                    <a href="">
                        <div id="leesmeer">Lees Meer</div>
                    </a>
                </div>

                <!-- Second Content -->
                <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
                    <div style="position: absolute; width: 218px; height: 218px; background-image:url(http://www.habbophone.nl/ckfinder/userfiles/nieuwsimages/news_head/new_chat.png); background-position: center; left:16px; top:16px" id="nieuws_fd"><img src="images/bordernews.png" width="218" height="218">
                        <div style="position: absolute; width: 3540px; valign: bottom; height: 25px; z-index: 100; left: 233px; top: 206px" id="laag1">
                            <font color="#999999" face="Verdana" size="1"> 
                                21 uur geleden gepost
                            </font>
                        </div>
                    </div>
                    <div id="title">
                        title
                    </div>
                    <div id="text">
                        info
                    </div>
                    <a href="">
                        <div id="leesmeer">Lees Meer</div>
                    </a>
                </div>

                <!-- Third Content -->
                <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
                    <div style="position: absolute; width: 218px; height: 218px; background-image:url(http://www.habbophone.nl/ckfinder/userfiles/nieuwsimages/news_head/new_chat.png); background-position: center; left:16px; top:16px" id="nieuws_fd"><img src="images/bordernews.png" width="218" height="218">
                        <div style="position: absolute; width: 3540px; valign: bottom; height: 25px; z-index: 100; left: 233px; top: 206px" id="laag1">
                            <font color="#999999" face="Verdana" size="1"> 
                                21 uur geleden gepost
                            </font>
                        </div>
                    </div>
                    <div id="title">
                        title
                    </div>
                    <div id="text">
                        info
                    </div>
                    <a href="">
                        <div id="leesmeer">Lees Meer</div>
                    </a>
                </div>

            <!-- Fourth Content -->
                <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
                    <div style="position: absolute; width: 218px; height: 218px; background-image:url(http://www.habbophone.nl/ckfinder/userfiles/nieuwsimages/news_head/new_chat.png); background-position: center; left:16px; top:16px" id="nieuws_fd"><img src="images/bordernews.png" width="218" height="218">
                        <div style="position: absolute; width: 3540px; valign: bottom; height: 25px; z-index: 100; left: 233px; top: 206px" id="laag1">
                            <font color="#999999" face="Verdana" size="1"> 
                                21 uur geleden gepost
                            </font>
                        </div>
                    </div>
                    <div id="title">
                        title
                    </div>
                    <div id="text">
                        info
                    </div>
                    <a href="">
                        <div id="leesmeer">Lees Meer</div>
                    </a>
                </div>
            </div>
            <div id="bottom">
 <!-- Als ik #featured hide met slidetoggle dan worden deze allemaal selected -->
                <ul class="ui-tabs-nav" style="width: 100px; display: none;">
                    <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"></a></li>
                    <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"></a></li>
                    <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"></a></li>
                    <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"></a></li>
                </ul>
                        <div id="openhide">Open / Sluit</div>
            </div>
        </div>

</body>
</html>

Zo ziet dat eruit dan :

Bedankt, idk of jullie het wel begrijpen

Kijk hier in de broncode http://habbophone.nl/

Nee, ik wil antwoord zodat ik er ook van leer . Die style is niet geript want dan hebben zij het van habbo
toevoeging op 13 oktober 2012, 00:31:37:
bump

bump

Geef eens een online voorbeeld. Hier kan ik echt helemaal niks mee. Wat wil je bereiken?