Navigazione jQuery [era: $(document).ready(function(){]

[amhal]

Salve a tutti ho un problemino che nn riesco a risolvere...sto usando per sostituire i vecchi frame la jquery per la navigazione.Posto il codice:

<script type="text/javascript" src="javascript/jquery.js"></script>


<script type="text/javascript">

$(document).ready(function(){
	$('#frame>div').css('position','absolute').not(':first').hide();
	$('#menu>ul>li>a').click(function(){
    	$('#frame>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
    	return false;
   	});

});
</script>


</head>
</body>


<div id="menu">
	
		<ul>
			<li> <a href="#servizi"> I nostri servizi </a> </li>
			<li> <a href="#clienti"> I nostri clienti </a> </li>
		</ul>

</div>


<div id="frame">

                            <div id="servizi">	<?php require('servizi.php'); ?> </div>
		
                             <div id="clienti">	<?php require('clienti.php'); ?> </div>

</div>

Ora la pagina servizi.php che carico tramite questo script, contiene altri link che vorrei navigassero sempre tramite jquery....come faccio?

Spero di essere stato chiaro e grazie in anticipo.

 

[criric]

Ciao,
ti sposto in jquery
hai provato cosi? mi sono limitato a duplicare il tuo codice

<script type="text/javascript">

    $(document).ready(function(){
        $('#frame>div').css('position','absolute').not(':first').hide();
        $('#frame2>div').css('position','absolute').not(':first').hide();
        $('#frame3>div').css('position','absolute').not(':first').hide();
        $('#menu>ul>li>a').click(function(){
            $('#frame>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
            return false;
        });
        $('#menu2>ul>li>a').click(function(){
            $('#frame2>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
            return false;
        });
        $('#menu3>ul>li>a').click(function(){
            $('#frame3>div').fadeOut(1500).filter(this.hash).fadeIn(1500);
            return false;
        });

    });
</script>
</head>
</body>
<div id="menu">
    <ul>
        <li> <a href="#servizi"> I nostri servizi </a> </li>
        <li> <a href="#clienti"> I nostri clienti </a> </li>
    </ul>
</div>
<div id="frame">
    <div id="servizi">
        <div id="menu2">
            <ul>
                <li> <a href="#servizi2"> I nostri servizi2 </a> </li>
                <li> <a href="#clienti2"> I nostri clienti2 </a> </li>
            </ul>

        </div>
        <div id="frame2">
            <div id="servizi2">servizi2</div>
            <div id="clienti2">clienti2</div>
        </div>
    </div>
    <div id="clienti">
        <div id="menu3">

            <ul>
                <li> <a href="#servizi3"> I nostri servizi3 </a> </li>
                <li> <a href="#clienti3"> I nostri clienti3 </a> </li>
            </ul>
        </div>
        <div id="frame3">
            <div id="servizi3">servizi3</div>
            <div id="clienti3">clienti3</div>
        </div>
    </div>
</div>

 

[amhal]

ciao scusa il ritardo nella risposta ora provo e ti faccio sapere...comunque intanto grazie tante

 

[amhal]

grazie mi hai salvato la vita!!!! Funziona!!!!