Hello, I am attempting to display a list of tag options as an accordion instead of a dropdown menu, but unfortunately, it's not working the way I want it to.
Here is what I have:
<select onclick="document.getElementById('options');" onChange="accordion(this.value)" name="search_type" style="margin-right:10px; margin-top:2px;" class="button-white">
<div id="options">
<option selected="selected" value="Precipitación">Precipitación +</option>
<option value="veggies_search">Humedad</option>
<option value="animals_search">Precipitación</option>
<option value="all_search">Presión Atmosférica</option>
<option value="all_search">Temperatura</option>
<option value="all_search">Velocidad Viento</option>
</div>
</select>
<script type="text/javascript">
function accordion(value){
}
</script>
I am using the select tag because I need the name of the selected option to be displayed on the trigger button.
function accordion(value){
}
<select onclick="document.getElementById('options');" onChange="accordion(this.value)" name="search_type" style="margin-right:10px; margin-top:2px;" class="button-white">
<div id="options">
<option selected="selected" value="Precipitación">Precipitación +</option>
<option value="veggies_search">Humedad</option>
<option value="animals_search">Precipitación</option>
<option value="all_search">Presión Atmosférica</option>
<option value="all_search">Temperatura</option>
<option value="all_search">Velocidad Viento</option>
</div>
</select>
I would appreciate any assistance you can offer. Thank you very much.