Css zeigen und verstecken Arbeiten in allen Browsern außer Safari. Wie kann ich das beheben?

Question

Ich habe einen Trigger-Schalter, der Elemente zeigt oder verbirgt, es funktioniert gut auf Chrom, aber aus irgendeinem Grund in Safari, wird es nicht funktionieren, irgendwelche Ideen?

<a href='#show'class='show'>see more --></a> 
    <a href='#hide'class='hide'>hide</a> 

    <div class='hidden-stuff'> 
     hidden divs 
    </div> 

css

 .show:focus + .hide {display: inline; } 
       .show:focus + .hide + .hidden-stuff {display: block;} 

Answer 1

Sie können dieses Problem beheben, indem tabindex Attribut hinzufügen.

<a href='#show'class='show' tabindex="1">see more --></a> 

Sie können mehr über diese here lesen.