Baldrian: mehrere divs ansprechen

Beitrag lesen

SELF-Forum

mehrere divs ansprechen

Baldrian
– Informationen zu den Bewertungsregeln

An dieser Stelle solltest Du die IDs vielleicht durch eine gemeinsame Klasse im div-Tag ersetzen und die Selektion darauf beziehen.

Gruß, LX

Ich hab jetzt folgendes gemacht (siehe unten). Wenn ich auf einen Text klicke, dann geht auch der weite mit auf. Wie kann ich das machen, damit nur der Text, den ich geklickt hab, aufgeht.

Vielen Dank,
lg

  
  
  
<%@page contentType="text/html" pageEncoding="UTF-8"%>  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
   "http://www.w3.org/TR/html4/loose.dtd">  
  
<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <script src="http://code.jquery.com/jquery-1.4.4.js"></script>  
        <title>JSP Page</title>  
    </head>  
    <body>  
        <h1>Hello World!</h1>  
  
         <div id="latestNews">  
            <div id="latestNewsHeader">Letzte Neuigkeiten</div> <br />  
            <div class="latestNewsShortcut">Header1</div>  
            <p class="latestNewsText" style="display: none">text...</p>  
            <br />  
            <div class="latestNewsShortcut">Header2</div>  
            <p class="latestNewsText" style="display: none">text...</p>  
            <br />  
        </div>  
  
         <script>  
            $(".latestNewsShortcut").hover(function () {  
                $(this).css({fontWeight:"bold"});  
                $(this).css("text-decoration", "underline");  
                    },function() {  
                        if(!$(".latestNewsText").is(":visible")) {  
                            $(this).css({fontWeight:"normal"});  
                            $(this).css("text-decoration", "none");  
                            }  
                        }  
                );  
            $(".latestNewsShortcut").click(function () {  
                if($(".latestNewsText").is(":visible")) {  
                    $(".latestNewsShortcut").css({fontWeight:"normal"});  
                    $(".latestNewsText").hide("fast");  
                    }  
                else {  
                    $(".latestNewsShortcut").css({fontWeight:"bold"});  
                    $(".latestNewsText").show("fast");  
                    }  
                });  
        </script>  
  
    </body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln