Для начала прочитать основы хтмл, и перестать использовать несколько одинаковых id в одном документе. И соответственно использовать не getElementById (название которого как бэ намекает что будет выбран 1 элемент), а использовать, например getElementsByClassName().
на jq будет примерно так:
$( document ).ready({
$(".w1").on({
mouseenter: function () {
$(this).next().show();
},
mouseleave: function () {
$(this).next().hide();
}
})
})