透露隐藏的div

时间:2012-01-27 11:36:21

标签: html css html5 css3

嗨,我试图在用户点击更多img链接

时显示我的div para2中的内容

我之前使用过此代码并且有效但我现在不会吗?

请指出我的错误,我只是一个初学者

提前致谢

<blockquote>
    <p>
        <a href="#para2"/>
        <a href="#" onclick="return toggleMe('para2')" onfocus="#para2"/> <img src="images/more.gif" alt="" title="" border="0"></a>  
        <div id="para2" style="display:none"> 
            text i want to reveal 
        </div>
    </p>
</blockquote>
抱歉

<script type="text/javascript">  
    function toggleMe(a){  
        var e=document.getElementById(a);  
        if(!e)return true;  
        if(e.style.display=="none"){  
            e.style.display="block"  
        }  
        else{  
            e.style.display="none"  
        }  
        return true;  
    }  
</script> 
</head>

2 个答案:

答案 0 :(得分:1)

#para2不是有效的javascript代码,因此您无法将其用作onfocus属性。

由于您在那里遇到语法错误,因此它可能会突破onclick代码,因此无法运行它。

尝试删除onfocus属性,看看是否可以修复它。

答案 1 :(得分:1)

正如@Kolink所说onfocus错了。尝试这样的事情......

http://jsfiddle.net/gL37n/5/