Felix Riesterer: Ich möcht gern Texte aus und einblenden

Beitrag lesen

Liebe caro84,

etwas in dieser Art (ja, klappt im IE nicht ohne JS):

<html>  
    <head>  
        <title>Test</title>  
        <style type="text/css">

~~~css li.personeninfo {
                cursor: pointer;
            }

li.personeninfo span {
                text-decoration: underline;
            }

body li table {
                display: none;
                border: 1px solid black;
            }

li.personeninfo:active table {
                display: block;
            }

        ~~~html
</style>  
    </head>  
    <body>  
        <h2>Die Beteiligten</h2>  
        <ul>  
            <li class="personeninfo">Fritz Müller <span>(Details)</span>  
                <table>  
                    <tr>  
                        <th>Merkmal</th><th>Erscheinung</th>  
                    </tr>  
                    <tr>  
                        <td>Augenfarbe</td><td>grau-blau</td>  
                    </tr>  
                    <tr>  
                        <td>Sinn für Humor</td><td>vorhanden</td>  
                    </tr>  
               </table>  
            </li>  
            <li class="personeninfo">Max Maier <span>(Details)</span>  
                <table>  
                    <tr>  
                        <th>Merkmal</th><th>Erscheinung</th>  
                    </tr>  
                    <tr>  
                        <td>Augenfarbe</td><td>braun</td>  
                    </tr>  
                    <tr>  
                        <td>Sinn für Humor</td><td>teilweise vorhanden</td>  
                    </tr>  
               </table>  
            </li>  
        </ul>  
    </body>  
</html>

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)