Das Ankerelement onClick sorgt dafür, dass die Seite an den Seitenanfang springt ⇐ Jquery

[Anonymous]

Ich habe ein paar Schaltflächen auf meiner Seite und beim Klicken werden einige -Elemente angezeigt oder ausgeblendet.

Die -Elemente sind am unteren Rand der Seite positioniert, daher ist ein Scrollen zu diesen -Elementen erforderlich.

Immer wenn ich auf eine Schaltfläche klicke, springt die Seite nach oben. Wie erstelle ich also einen Anker, damit der Benutzer, wenn er auf die Schaltfläche klickt, in diesem Abschnitt der Seite verbleibt?

Hier ist eine der Schaltflächen:

Code: Select all

[url=#]View Details[/url]

Hier ist der , der angezeigt wird, wenn auf die Schaltfläche oben geklickt wird:

Code: Select all

The section to appear.

Hier ist das JavaScript:

Code: Select all

$("#Button-1").click(function () {
$("#Section-2").hide();
$("#Section-3").hide();
$("#Section-1").toggle("show");
$("#Button-1").text(function(i, text) {
return text === "View Details" ? "Hide Details" : "View Details";
});
return false;
});

Hier ist meine Recherche:

Artikel 1

Jede Hilfe wäre dankbar.

UPDATE

Code: Select all

[url=javascript:void();]View Details[/url]

Wenn ich auf die Schaltfläche klicke, scrolle ich nach unten, um das angezeigte Div zu sehen. Dann klicke ich auf eine andere Schaltfläche (die genauso aussieht wie oben) und die Seite kehrt zum Anfang zurück.