Проблемы с видимостью SVG в Opera

Question

Из-за проблем с дизайном я должен использовать SVG для рисования всех элементов интерфейса (кнопок, текста, значков и т. Д.) Приложения html. Большинство из них видны с самого начала, но другие, как и меню, имеют видимость для скрытия.

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

Answer 1

Решение, которое я нашел в том, чтобы заставить видимость на всех детей меню:

$("#menu").css({"visibility": "visible"});  

$('#menu').children().each(function() { 
    $(this).css({"visibility": "visible"}); 
});