0

テーブルをクリックしているときに div を非表示/表示しようとして<td>います。テーブルには 2 つ<div>の が含まれており、メイン アカウントの所有者をクリックしながら<td>、最初の div が表示され、他の div が非表示の状態になっていることを考慮します。承認された再注文の場合<td>、それぞれの div が表示されます。

私のHTMLは

<div id="authreport">
 <table width="270">
    <tr>
        <td>First name:</td>
    </tr>
    <tr>
        <td>Last name:</td>
    </tr>
    <tr>
        <td>Mobile phone:</td>
    </tr>
    <tr>
        <td>Email:</td><td>
    <tr>
        <td>Password:</td>
    </tr>
 </table>
</div>

<div id="mainacc">
    <table>
        <tr>
            <td colspan="2"><h3>Work details</h3></td>
        </tr>
        <tr>
            <td>Organisation:</td>
        </tr>
        <tr>
            <td>Industry Type:</td>
        <tr>
            <td>Street:</td>
        </tr>
        <tr>
            <td>Postcode:</td>
        </tr>
        <tr>
            <td>Country:</td>
        </tr>
    </table>
</div>

私のJavaScriptは

function authorised_reporter(auth){
var button = document.getElementById('auth')

auth.onclick = function() {
var div = document.getElementById('authreport');
    if (div.style.display !== 'none') {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';
  }  }
};

誰でもこれを行う方法を教えてもらえますか?

4

3 に答える 3

2

JQuery を使用する場合は、非常に簡単です。

$('#DivID').click(function(){
    //You can use show(), hide(), or toggle()        
    $('#DivID').toggle();
});

jquery API をブラウズすると、フェードアウトなど、使用できる効果がたくさんあります。

于 2013-12-02T00:23:11.587 に答える
2

この優れたチュートリアル ページ ( http://www.w3schools.com/jquery/jquery_hide_show.asp ) に注目してください。

W3School は優れたチュートリアル サイトです (私の観点からは最高です)。このページでは、一般的な (およびその他の複雑な) Javascript 関数。 http://jquery.com/ よろしくお願いします

于 2013-04-26T06:19:41.787 に答える