Css显示和隐藏工作在所有浏览器，但Safari。我怎样才能解决这个问题？

我有一个触发器切换，显示或隐藏元素，它在铬上运行良好，但由于某种原因在safari中，它不会工作，有什么想法？Css显示和隐藏工作在所有浏览器，但Safari。我怎样才能解决这个问题？

<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;}

您可以通过添加tabindex属性解决这个问题。

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

你可以阅读更多关于这个here。

2016-06-23 12:37:33 makshh

感谢您的回复，但是tab索引刚刚杀死了整个功能。现在切换不起作用。 @makshh –

你是什么意思？ – makshh

我的意思是当我添加tabindex =“1”时，切换不再起作用，所以当我点击链接时，什么也没有发生。它不切换显示或隐藏。 @makshh –

回答