مرحبا . اليوم كنت اعمل على قالب ووردبريس وواجهتني مشكلة في jquery .

هذا ال html الخاص بي :

    <select name="page_template" id="page_template" class="valid">
      <option value="default">1</option>
      <option value="template-homepage.php">2</option>
   </select>

 <div id="test_id"></div>

ما اريده هو :

عندما يقوم المستخدم بالضغط على الاختيار الثاني من القائمة يختفي ال الديف صاحب ال test_id# مباشرة .

انا حاولت عدة طرق لكن لم تنجح وانا احاول فيها منذ ساعتين ولم اجد حل لذلك فكرت ان اسألكم هنا .

ملاحظة : لا استطيع تغيير ال html.

شكرا مقدما .