0

誰かが私を助けてくれたら本当にありがたいです。私は答えを見つけるのに苦労しています。

この表示/非表示コードを Chrome で機能させるのに問題があります。クリックしても内容が表示されません。IE と Firefox で完全に動作します。

フィドル

 .hide {display: none;
 }
 #list {display: none;
 }
  .show:focus { display: none;
 }
  .show:focus + .hide {display: inline;
 }
  .show:focus ~#list{ display:block;
 }






<a href="#" class="show" tabindex="2">show</a>
            <a href="#" class="hide" tabindex="1">hide</a>      
<div id="list">
      Content here
    </div>
4

1 に答える 1

1

これを試してみてください。うまくいくはずです。

       <span class="span3" tabindex="0">Hide Me</span>
        <span class="span2" tabindex="0">Show Me</span>
         <p class="content" >My content here</p>

CSS

 body {
   display: block;
  }
  .span3:focus ~ .content {
    display: none;
    }
  .span2:focus ~ .content{
     display: block;
   }
于 2013-11-08T19:43:18.417 に答える