[Решено] Телефоны списком

[Y4enik]

Подскажите как добавить телефоны, которые при переключении картинок к примеру (Киевстар, МТС, Life) переключались бы номера телефонов.
Необходимо для того, чтоб не занимали много места в хэйдере.

Ps. Создавать их просто списком (в столбик) в header.tpl и редактировать .css умею, а вот такую красоту нет(

[Skunk]

<select id="operators" name="operator">
    <option value="operator0">KS</option>
    <option value="operator1">MTS</option>
    <option value="operator2">Life:)</option>
</select>
<div id="operator-wrap"></div>

<script>
var item, op;
var operators = {
    'operator1' : '050 123-45-67',
    'operator2' : '063 987-65-43' 
};
$('#operators').change(function() {
    item = $(this).val();
    op = operators[item];
    $('#operator-wrap').html(op);
});
</script>

 

[Y4enik]

Огромное спасибо!

[Y4enik]

Skunk, есть возможность, что бы сразу высвечивался с выбором оператора номер телефона с право от него. 
При заходе на сайт высвечивается только выбор оператора, если к примеру стоит МТС при нажатии на на МТС ничего не происходит. Необходимо нажать на другой оператор, а потом опять на МТС. И не получается вывести номер не снизу, а сбоку(

[Skunk]

изначально заполните <div id="operator-wrap"></div> самым первым плейсхолдером из селекта. Короче, просто пропишите первый телефон туда.

а вывод сбоку - это стили. типа inline-block; 

без ссылки трудно сказать.

[Y4enik]

Skunk, Вот ссылка на магазин
http://www.sportmenu.in.ua/
Если не сложно подскажите, а то второй день мучаюсь с решением.

[Y4enik]

Стиль inline-block;  стоит