Jquery mobile select box can work only once

Jquery mobile select box can work only once


this is my screenshot from my website.

Question: when i click  firstly number 1 select box, then this seclect box works. but when i firstly click number 2 box, then click the number 1 box, number 1 can bot be opened. 

i dont no what's wrong. I need your help

this is my coed as follows:

  2. <form action="" method="post">
  3. <div data-role="fieldcontain">
  4. <select  multiple="multiple" id="chFleets" data-native-menu="false" onchange="selected()">
  5. <option>Choose FZG by Problem</option>
  6. <option value="letzter Nachrichtenempfang">letzter Nachrichtenempfang</option>
  7. <option value="kein Kilometerstand">kein Kilometerstand</option>
  8. <option value="Softwareversion veraltet">Softwareversion veraltet (TP 1/2)</option>
  9. <option value="keine Fahrt">keine Fahrt</option>
  10. <option value="Softwareversion fehlt">Softwareversion fehlt</option>
  11. <option value="Unbekannte T&T Konfiguration">Unbekannte T&T Konfiguration</option>
  12. <option value="keine Position">keine Position</option>
  13. <option value="Fahrerbewertung unplausibel">Fahrerbewertung unplausibel</option>
  14. <option value="Softwareversion unbekannt">Softwareversion unbekannt</option>
  15. <option value="Fahrzeug in Fehlerstatus">Fahrzeug in Fehlerstatus</option>
  16. </select>
  17. </div>
  18. </form>
and the following code is about number 2 box (black box)
  2. function tabelWithDetails() {

  4. for (var i = 1; i < (parseFloat(liste[("problemLength" + (liste["kw"] - 1)) + "Prio" + liste["open_company_nr"]])) + 1; i++) {

  6. if (i == liste["openDetails"] || liste["openDetails"] == 0 || liste["closeDetails"] == 1) {

  8. if (i == (parseFloat(liste[("problemLength" + (liste["kw"] - 1)) + "Prio" + liste["open_company_nr"]]))) {
  9. storage.set("closeDetails", 0);
  10. }

  12. var datas = ("Prio" + liste["open_company_nr"] + "_data" + i);

  14. var dataSet = liste[datas];

  16. set = dataSet.split(";");

  18. $('<li >' + '<a id=' + i + ' onclick= "showDetails( $(this))">' + " <b>" + "FZG:" + " </b>" + set[1].replace(/=/g, "") + " <b>" + " FAHRZEUGTYP:" + " </b>" + set[4] + '</a></li>').appendTo('ul#nav');
  19. $('#nav').listview('refresh');
  20. }
  21. }

  23. }

this black box, u can click it, and then information will be coming out. when u click again, the box is closed. 

  2. function showDetails(i) {

  5. if (liste["openDetails"] == i.attr('id')) {
  6. console.log(liste["openDetails"] + " open details ");
  7. storage.set("openDetails", 0);
  8. //console.log(i.attr('id') + " id von i.attr() ")
  9. removeOldDetails(0);
  10. //loadDetails();
  11. //window.location.reload();
  12. } else {
  13. storage.set("openDetails", i.attr('id'));
  14. }
  15. removeOldDetails(0);

  17. var datas = ("Prio" + liste["open_company_nr"] + "_data" + i.attr('id'));
  18. var dataSet = liste[datas];
  19. set = dataSet.split(";");
  20. if (liste["openDetails"] != 0) {
  21. $('<li >' + '<b>Problem: </b> <dir>' + set[17] + '</dir> </li >').appendTo('ul#details');
  22. $('<li >' + 'Empfohlene Aktion: <dir>' + set[18] + '</dir> </li >').appendTo('ul#details');
  23. $('<li >' + 'Fahrernote: <dir>' + set[15] + '</dir> </li >').appendTo('ul#details');
  24. $('<li >' + 'Kilometerstand: <dir>' + set[16] + '</dir> </li >').appendTo('ul#details');
  25. $('<li >' + 'MSISDN:<dir>' + set[6] + '</dir> </li >').appendTo('ul#details');
  26. //$('#details').listview('refresh');
  27. }
  28. $('#details').listview('refresh');
  31. //removeOldDetails(0);


  35. //removeOldDetails(1);
  36. }