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 クラスを開く/非表示になりますが、 body クラス内のコードを除いて、これと同等の他のコードでこのメソッドを使用できるように、{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>