windowsタブレットのInternet Explorerでの方法は

aria-haspopup="true"プロパティを親ボックスに追加すれば追加したボックスだけに

マウス操作がエミュレート、シュミレートされるのでオーケーです。

例

<style>
.menu {
position: relative;
}
.menu ul {
display: none;
}
.menu:hover ul{
display: block;
}

.menu a {
z-index: 1;
}
.menu span:nth-child(1) {
bottom: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
display: inline-block;

-webkit-transition: all 4s;
-moz-transition: all 4s;
-o-transition: all 4s;
transition: all 4s;
}

.menu:hover span:nth-child(1){
height: 0%;
}

.menu span:nth-child(2) {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 10;
display: inline-block;

-webkit-transition: all 4s;
-moz-transition: all 4s;
-o-transition: all 4s;
transition: all 4s;
}

.menu:hover span:nth-child(2){
height: 0%;
}
</style>

<ul aria-haspopup="true">
<li class="menu"><a href="リンク先">メニュー1</a><span></span> <span></span>
<ul>
<li><a href="リンク先">メニュー１－１</a></li>
<li><a href="リンク先">メニュー１－２</li>
</ul>
</li>
<li><a href="リンク先">メニュー２</a></li>

</ul>

<span>が透明要素になってます。

これが全てのタブレットでcssのみでアコーディオン、ドロップダウンメニュー～透明要素法～

で書いた様に<a>要素を一度使えなくしてます。