Lien vers une section d'un menu accordeon

Bonjour, et merci par avance à tous ceux qui pourront apporter une réponse à mon problème.
Si suis en train de créer un site vitrine pour mon entreprise et je bloque sur un point précis. Toutes mes recherches sont restées infructueuses.
J'ai sur ma page d'accueil un menu avec des liens grâce aux quels j'aimerai pouvoir ouvrir une seconde page appelée "prestations", mais dans une partie bien précise d'un accordéon horizontal.
Grace aux liens ancre je parviens bien à ouvrir ma page, mais pas dans la section voulu (Agencement par exemple)de mon accordéon.
Voici les codes html de ma page d'accueil:

      <td style="vertical-align: top;">&#8226;&nbsp;&nbsp; <a href="http://cao-renovation.fr/prestations/prestations.html#content6" onmouseover="javascript:ChangeImage('Image','accueil/enduit_chaux_sable_min.jpg')" onmouseout="javascript:ChangeImage('Image','accueil/enduit_pierre.JPG')">Enduits et joints</a></td>

Une partie du code de la deuxième page"prestations":

  <main>
  

    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">Enduits et joints à la chaux</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">Tomettes</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3">Maçonnerie</label>

    <input id="tab4" type="radio" name="tabs">
    <label for="tab4">Agencement</label>

    <input id="tab5" type="radio" name="tabs">
    <label for="tab5">Décoration</label>

    <input id="tab6" type="radio" name="tabs">
    <label for="tab6">Etude, conception</label>


    <section id="content1">

	<br>
	<br>
L'enduit de chaux
<hr color="orange">
	<br>
	<br>
	<br>
	<br>
	<table style="text-align: left; width: 100%; height: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: top; width: 23%; text-align: center;"><img
style="width: 95%; height: 95%;" alt=""
src="../accueil/Diaporama/data1/images/vaisselier_breton_et_enduit_chaux.JPG"><br>
</td>
<td style="vertical-align: top; width: 23%; text-align: center;"><img
style="width: 95%; height: 95%;" alt=""
src="../accueil/enduit_chaux_sable_2.jpg"><br>
</td>
<td style="vertical-align: top; width: 23%; text-align: center;"><img
style="width: 95%; height: 95%;" alt=""
src="../accueil/enduit_chaux_sable_3.jpg"><br>
</td>
</tr>
<tr>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
<td style="vertical-align: top;"><br>
</td>
</tr>
</tbody>
</table>

Maintenant, la partie css concernée:

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6 {
  display: block;
}

Cordialement

Bonjour, personne pour m'aider?

Le sujet n'intéresse personne?