Форма отображения PHP HTML

Question

У меня есть несколько PHP файлы, которые взаимодействуют с Афоризм, и у меня есть функция под названием display_lang_offer() на output.php файл, который вызывается в файле lang_offer.php, который показан ниже:

function display_lang_offer(){ 
    //languages offered 
?> 
<form> 
    <select name="languages"> 
    <option></option> 
    <option value"html">HTML</option> 
    <option value"css">CSS</option> 
    <option value"js">JavaScript</option> 
    <option value"csharp">C#</option> 
    <option value"php">PHP</option> 
    <option value"java">Java</option> 
    <option value"phython">Phython</option> 
    </select> 
    <br><br> 
</form> 
<div class="section" id="html">html content here</div> 
<div class="section" id="css">CSS content here</div> 
<div class="section" id="js">js content here</div> 
<div class="section" id="csharp">csharp content here</div> 
<div class="section" id="php">php content here</div> 
<div class="section" id="java">java content here</div> 
<div class="section" id="phython">phython content here</div> 

И в Javascript является:

var id; 
$("#languages").on("change",function(){ 
id=$(this).val(); 
$(".section").hide(); 
$("#"+id).stop().show(); 
}) 

И CSS является:

.section{display:none} 

Как я могу получить, что, когда я выбираю опцию HTML, отображается содержимое HTML? Затем, если я выбираю опцию Java, опция HTML исчезает и появляется сообщение Java.

Редактировать

Вся функция сейчас:

function display_lang_offer(){ 
    //languages offered 
?> 
<script> 
var id; 
$("#languages").on("change",function(){ 
id=$(this).val(); 
$(".section").hide(); 
$("#"+id).stop().show(); 
}) 
</script> 
<style> 
.section{display:none;} 
</style> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form> 
    <select name="languages"id="languages"> 
    <option></option> 
    <option value="html">HTML</option> 
    <option value="css">CSS</option> 
    <option value="js">JavaScript</option> 
    <option value="csharp">C#</option> 
    <option value="php">PHP</option> 
    <option value="java">Java</option> 
    <option value="python">Python</option> 
    </select> 
    <br><br> 

</form> 
<div class="section" id="html">html content here</div> 
<div class="section" id="css">CSS content here</div> 
<div class="section" id="js">js content here</div> 
<div class="section" id="csharp">csharp content here</div> 
<div class="section" id="php">php content here</div> 
<div class="section" id="java">java content here</div> 
<div class="section" id="python">python content here</div> 

Я попробовал оба ответа, но ни, кажется, работают