Как исправить изчезнавение кнопки?

Question

[Bogdan Buchko]

Я уже сегодня спрашивал об выпадающем меню, но так и не нашел подходящий для меня ответ, но я как-то сам накапякал на JQuery(ниже) вложенное меню отображается корректно, но когда на него навожу оно пропадает.

$(".btn").hover(function(){
    $('.sub-dropdown').css("display", "block");
    $('.sub-dropdown').css("right", "120px");
    $('.sub-dropdown').css("top", "0");
    $('.sub-dropdown').css("background-color", "#3b3b3b");
    $('.sub-dropdown').css("border-radius", "6px");
    $('.sub-dropdown').css("text-align", "right");
    console.log("test");
  },function(){
      if ($('.sub-dropdown').mouseover){
        $('.sub-dropdown').css("display", "block");
      }
      if ($('.sub-dropdown').mouseout){
        $('.sub-dropdown').css("display", "none");
      }
      
  })
});

Полный код

Comments

[Ankhena]

Для изменения вида кнопки скрипт не нужен вообще.
Вместо всего вашего скрипта:

.btn:hover {
  background: #3b3b3b;
}

.dropdown-content:hover .sub-dropdown {
  display: block;
}

Позиционирование поправьте.

Только не забудьте учесть, что на мобилке ховера нет, есть клик.

Если решите обрабатывать клик на JS, то заметно удобнее манипулировать классами, чем напрямую стилями из CSS.

[Bogdan Buchko]

Ankhena, спасибо за советы учту. ПО поводу мобилки, тут я буду как стили, так и сам html буду другой делать. Немного иначе

Answer 1

[iBird Rose]

тк ты ж уже наполовину сделал через css. зачем тебе js, если можно доделать на css?

Comments

[Bogdan Buchko]

Мне что-то не получалось сделать, не знаю) Но спасибо что доделали, огромное спасибо. Но у меня еще есть вопрос, что делает тильда?

[iBird Rose]

Bogdan Buchko, htmlbook.ru/css/selector/sibling