L'élément de menu cliqué dans nav div affiche dans div div

Question

Avez-passé des heures à chercher ce qui doit être très simple. Pour le garder simple, nous avons juste 2 divs sur une page, nav div et main div. Dans un div nav, l'utilisateur clique sur un choix de menu.

<li><a href="#"></a></li> 

L'élément de menu cliqué est à afficher dans la division principale. Je peux le prendre à partir de là.

J'utilise Dreamweaver 2017, j'ai téléchargé les dernières versions de jQuery et Bootstrap. Ne suis pas trop stupide, mais doit être une tache aveugle.

Answer 1

Vous pouvez simplement utiliser jQuery comme ceci:

HTML:

<a id="target1"> 
    Target 1 
</a> 
<a id="target2"> 
    Target 2 
</a> 
<div style="height:100px; width:100px" class="other"> 
    Some Text 
</div> 

JS:

$("#target1").click(function() { 
    $('div.other').text('Target 1'); 
}); 

$("#target2").click(function() { 
    $('div.other').text('Target 2');  
}); 

Voici un CodePen: https://codepen.io/Wall05/pen/wqxegZ