jquery - javascriptが無効になっているときにこれらのjqueryポップアップをcssにフォールバックさせる方法

Question

地図上で使用する予定のこのポップアップメニューがあります。Javaスクリプトが無効になっているときに、これをcssホバーにフォールバックしたいと思います。兄弟セレクターを試してみましたが、動作しません。

ここにフィドルがあります：

フィドル

Answer 1

You can let your javascript/jQuery remove the class hoverCSS from your map on document ready

Like this:

$("#Map").removeClass("hoverCSS");
//adding the hoverJS class or just toggle the hover JS
$("#Map").addClass("hoverJS");

JSFiddle: this should give you a small idea to do it in JS not 100% and without the css hover.

Answer 2

すべての場所でこれを試してください：

#location1:hover .pop-up{
   display:block;
   opacity:1;            
}

フェードイン/アウト効果のトランジションを追加します