Chargement de contenu avec load()

Bonjour à tous,

J'ai un petit problème pour charger le contenu d'une div depuis un autre fichier PHP, voici ma fonction toute simple en jquery:

Code:

---

1 2 3 4 5

$('.Acc').click(function(){ $('#img').attr('src',"img/tracer.jpg").show(); $("#contenu").load("acceuil.php #acceuil"); $('#acceuil').show(3000); });

---

Ce code me paraissait simple, j'ai suivi plusieurs tutoriel mais je ne comprend pas ce que j'ai mal fait.
Quelqu'un pourrait il me donner un conseil?
Pour info mes 2 fichiers PHP se trouvent au même endroit.
Par avance je vous remercie.

pouvez-vous détailler les différentes étapes et indiquer à partir de quel moment cela ne correspond pas à ce que vous souhaitez ?
1 : résultat de "acceuil.php"
2 : contenu vu dans la console de développement
3 : données finales récupérées dans "#acceuil"

Bonsoir et merci de votre attention.
Sur ma page principale voici la parties qui devrait recevoir le div de mon fichier acceuil.php:

Code:

---

1 2 3 4 5 6 7 8 9

<section> <img id="img" src="img/tracer.jpg"> <div id="contenu" visibility:hidden> <!-- visibility:hidden; -->     <!-- Contenu de la section géré par JScript -->   </div> </section>

---

Voici la div que je souhaite afficher, donc de mon fichier acceuil:

Code:

---

1 2 3 4 5 6 7 8

<div id="acceuil" style="display: none"> <div style="position:absolute;top:100px;left:245px;width:950px;height:400px;z-index:0;background-color:rgba(0,0,0,0.6);"> <div style="position:absolute;top:5px;left:15px;width:800px;height:40px;z-index:0;font-size:30px;color:#ffffff;line-height:40px;"><p><h1>Titre</h1><br><br> Du texte<br> </p> </div> </div> </div>

---

Et la fonction de mon fichier javascript de mon premier message.
Mais cette div ne s'affiche pas !!