0

このコードが機能しない理由を教えてください時々発動しない。

また、スクリプトを機能させようとしましdocument.readyたが、まったく機能しません...

<div id="aboutus" onclick="showLayer('aboutus-sub');">
                <img src="more.png" id="more" title="more here.." style="width:25px;height:25px;"/></div>
    <div id="aboutus-sub" style="display:none;">
    <ul><li><a href="chatroom.php">Chat Room</a></li>
    <ul><li><a href="album.php">Album</a></li>
    <ul><li><a href="studentsarea.php">Settings</a></li>
    <ul><li><a href="studentsarea.php">i student</a></li>
    </ul>
    </div>
            </td>
        </tr>
    </table>
    <script>
        function showLayer (){
        $('#aboutus-sub').css('visibility','visible').slideToggle('slow','swing');
    }
    </script>

css部分は

#aboutus-sub{z-index:+1;
text-align:center;
border-radius:4px;
border:1px solid black;
position:absolute;
visibility:hidden;
right:15px;
top:61px;
width:100px;
color:white;
height:150px;
background-color:#042D18;
opacity:0.88;
}
li a:hover{
color:#FFFF24;
text-decoration:underline;
}
ul{
padding:0px;
margin:0px;
}
li{
list-style:none;
padding:2px 0px;
border-bottom:1px dashed #060DD6;
margin-bottom:5px;
}
li a{
font-weight:bold;
margin-bottom:6px;
display:block;
color:white;
text-decoration:none;
}
.last{
border:0px;
}
4

1 に答える 1

0

をドロップします.css('visibility','visible')。

$('#aboutus-sub').slideToggle('slow','swing');

slideToggle が可視性を処理します:)

于 2013-08-10T03:05:08.817 に答える