Использование jquery для условного отображения диапазонов приводит к их повторному отображению в неправильных позициях

Question

Код:

$("#radioGroup").click(function()  {
    $("#groupSpan").css("display", "block");
    $("#advisorSpan").css("display", "none");
});

и для второй кнопки группы радиостанций:

$("#radioAdvisor").click(function()  { 
  $("#groupSpan").css("display", "none");
  $("#advisorSpan").css("display", "block");
});

это работает отлично, почти хорошо.Если вы прокручиваете переключатели между нажатиями кнопок, диапазон отображается в неправильном положении - в основном там, где он был до прокрутки - выглядит хорошо, странно, но появляется над совершенно не связанными элементами.

Пожалуйста, помогите?

Answer 1

Я бы предложил использовать методы быстрого доступа. Обычно они отображаются лучше.

$("#radioGroup").click(function()  {
    $("#groupSpan").show();
    $("#advisorSpan").hide();
});

$("#radioAdvisor").click(function()  { 
  $("#groupSpan").hide();
  $("#advisorSpan").show();
});

Answer 2

$("#radioGroup").click(function()  {
    $("#groupSpan").css("display", "inline");
    $("#advisorSpan").css("display", "none");
});

$("#radioAdvisor").click(function()  { 
  $("#groupSpan").css("display", "none");
  $("#advisorSpan").css("display", "inline");
});