• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Klappbares Panel per PHP Ausgeben

PhilippKr

New member
Hallo liebe Leute,

ich bin mir nicht ganz sicher, ob ich hier oder beim PHP Thema richtig bin,
versuche aber mal mein Glück.

Ich habe folgende Box auf meiner Seite

HTML:
 <div class="col-md-6">
            <div class="panel panel-primary">
                <div class="panel-heading clickable">
                    <h3 class="panel-title">
                        Frage 2 </h3>
                    <span class="pull-right "><i class="glyphicon glyphicon-minus"></i></span>
                </div>
                <div class="panel-body">
                    Antwort Antwort Antwort Antwort
                    </div>
            </div>
        </div>

Und dazu folgende Javascript Datei eingebettet:

Code:
$(document).on('click', '.panel-heading span.clickable', function (e) {
    var $this = $(this);
    if (!$this.hasClass('panel-collapsed')) {
        $this.parents('.panel').find('.panel-body').slideUp();
        $this.addClass('panel-collapsed');
        $this.find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus');
    } else {
        $this.parents('.panel').find('.panel-body').slideDown();
        $this.removeClass('panel-collapsed');
        $this.find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus');
    }
});
$(document).on('click', '.panel div.clickable', function (e) {
    var $this = $(this);
    if (!$this.hasClass('panel-collapsed')) {
        $this.parents('.panel').find('.panel-body').slideUp();
        $this.addClass('panel-collapsed');
        $this.find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus');
    } else {
        $this.parents('.panel').find('.panel-body').slideDown();
        $this.removeClass('panel-collapsed');
        $this.find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus');
    }
});
$(document).ready(function () {
    $('.panel-heading span.clickable').click();
    $('.panel div.clickable').click();
});

Das ganze funktioniert auch super. Bei Seitenaufruf ist die Box auch zugeklappt, wie ich es will.

Über einen Ajax-Aufruf rufe ich eine PHP Datei auf und möchte die Ergebnisse in genau dieser Box ausgeben.
Das ganze klappt auch super, bis auf eine Sache, die Box ist zugeklappt.

Habt ihr eine Idee, wie ich diese zuklappen kann?
 
Zurück
Oben