bootstrap 3 glyphicon-swap-Zustand klicken Sie auf
Helfen, ich bin auf der Suche, um die glyphicon Bild-swap-Kollaps in der bootstrap-3. Ich fand diesen thread hier Bootstrap 3 Zusammenbruch Status anzeigen mit Chevron-Symbol
Dies funktioniert in jsfiddle aber beim kopieren meiner eigenen Seite den Zusammenbruch funktioniert, aber das Symbol nicht vertauschen von oben und unten. Gibt es etwas, was ich bin fehlt? Ich habe auch platziert diese in einem vollständigen download-version von Bootstrap 3 und das Symbol fehl zu tauschen. Hier ist der code:
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Collapsible Group Item #1
</a><i class="indicator glyphicon glyphicon-chevron-down pull-right"></i>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
Anim pariatur cliche reprehenderit, enim eiusmod high...
</div>
</div>
</div>
</div>
</div>
und hier ist die js:
$('#accordion .accordion-toggle').click(function (e){
var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up');
$("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
});
Ich konnte es herausgefunden. Keine Notwendigkeit, darauf zu reagieren. Für Interessierte, die fix zog ich den JS auf der ganz unten auf der Seite unter den zwei js-Skripte aufrufen, die für die bootstrap.js und die jquery.js -Dateien.
Wenn Sie Interesse an einem Kredit für den besagten Update, es wäre besser, es in eine richtige Antwort. Wie es ist, du bist noch nicht einmal die Verlinkung zu der Seite, die Sie erwähnen, und Niemand Liest Live-Sites " Quelle (tm).
Hi, in diesem Beispiel, wie mache ich die gesamte überschrift einen hyperlink, anstatt nur den text. in anderen Worten, wenn ich auf die überschrift panel, nicht nur den text, den ich möchte, um die Anzeige zu wechseln. wie mache ich das?
Dieses Beispiel hat mir wirklich geholfen: bootply.com/61710
möglich, Duplikat der Bootstrap 3 Zusammenbruch Status anzeigen mit Chevron-Symbol
Wenn Sie Interesse an einem Kredit für den besagten Update, es wäre besser, es in eine richtige Antwort. Wie es ist, du bist noch nicht einmal die Verlinkung zu der Seite, die Sie erwähnen, und Niemand Liest Live-Sites " Quelle (tm).
Hi, in diesem Beispiel, wie mache ich die gesamte überschrift einen hyperlink, anstatt nur den text. in anderen Worten, wenn ich auf die überschrift panel, nicht nur den text, den ich möchte, um die Anzeige zu wechseln. wie mache ich das?
Dieses Beispiel hat mir wirklich geholfen: bootply.com/61710
möglich, Duplikat der Bootstrap 3 Zusammenbruch Status anzeigen mit Chevron-Symbol
InformationsquelleAutor user2752699 | 2013-09-06
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ein Kollege von mir hatte gerade dieses problem und wies mich auf diese Frage. Hier ist die Lösung, die ich ihm gab:
HTML:
JavaScript:
Diese Methode ermöglicht die chevron irgendwo in den header, so können Sie auch klicken Sie auf das chevron zum Umschalten der Systemsteuerung. Es erlaubt Ihnen auch, um mehrere Akkordeons auf der gleichen Seite, ohne die Sparren, die einander stören.
InformationsquelleAutor wizulus