Question

您好我的代码存在很大问题

<script type="text/javascript">
    function opencontent(imgClass){
        imgTag = $('.'+imgClass).$('.header').('#showContent').$('img').attr('class');
        if(imgTag == 'hiden'){
            $(imgTag).val('show');
            $('.'+imgClass).$('.body').toggle();
        }else{
            $(imgTag).val('hiden');
            $('.'+imgClass).$('.body').toggle();
        }
    }
</script>

<div class="login">
<div class="header">
    <a id="showContent" onclick="opencontent('login');"><img class="hiden" align="center" src="images/hbullet.png" style="top: -4px; position: relative; left: -7px;" />Login</a>
</div>
<div class="body">
    <form method="post" target="_self">
        <input name="login_username" placeholder="Username" type="text" />
        <input name="login_password" placeholder="Password" type="password" />
        <input value="Login" type="submit" style="width: 263px;" />
    </form>
</div>

基本上我想用这个代码做的是，有一个“a”标签，里面有一个图像，点击“a”标签就可以改变img类，并打开/隐藏同样的体类时间，但我必须有{onclick =“opencontent（'login'）;”}代码，以便我可以使用此方法与其他代码相同，除了体类内的代码。

任何人都知道任何与我想要的相符的东西吗？

编辑〜

好的问题就这样解决了。

<script type="text/javascript">
    function opencontent(imgClass){
        var clas = $('.'+imgClass+ '> .header > a > img').attr('class');
        if(clas == 'hidden'){
            clas.val('show');
            $('.'+imgClass+ '> .body').slideToggle();
        }else{
            clas.val('hide');
            $('.'+imgClass+ '> .body').slideToggle();
        }
    }
</script>

javascript多内容开放

0 个答案: