javascript - javascript多内容打开

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类，并同时打开/隐藏body类，但是我必须有 {onclick="opencontent('login');"} 代码，以便我可以将此方法与我拥有的其他代码一起使用，除了 body 类中的代码。

任何人都知道任何适合我想要的东西吗？

编辑~

好的，问题就这样解决了。

<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>