Eine Funktion mehrfach nutzen?

[SimoNxD]

Guten Morgen,

ich hab ne funktion die mir bei Inputfeldern sofern sie gefocust sind, ein "Hilfefenster" einblendet.

<script type="text/javascript">
    $(document).ready(function() {
        $('#info').hide();
        $('#feld').focus(function(){
            $('#info').slideToggle();                   
        });
        $('#feld').blur(function(){
            $('#info').slideToggle();                   
        });
    });
</script>

Allerdings muss ich für jedes Inputfeld "#feld" ein anderes Infofeld gestalten "#info"
Allerdings muss ich ja die info felder dann so haben

<input id="feld" type="text">
<input id="feld1" type="password">

<div id="info">Gebe hier einen Namen ein</div>
<div id="info1">Hier kommt dein Passwort rein</div>

Und dazu muss ich dann jedes mal die js funktion kopieren und #info zu #info1 machen.
Geht das auch anders D: ?

MfG

 

[Tronjer]

Wie wäre es mit Klasse statt ID?

 

[SimoNxD]

Dann würde er ja bei jedem inputfeld das selbe hinweisfeld erscheinen

 

[threadi]

Vorschlag:

<script type="text/javascript">
    $(document).ready(function() {
        $('.infoboxen').hide();
        $('.fields').focus(function(){
            $('#info' + this.id).slideToggle();                  
        });
        $('.fields').blur(function(){
            $('#info' + this.id).slideToggle();                  
        });
    });
</script>

Die Infoboxen müssen dann als Klasse z.B. "infofeld" und "infofeld1" erhalten.

 

[SimoNxD]

Perfekt :) Danke dir