bootstrap JS und data-toggle="buttons-checkbox" mit divs

ich versuche zu wechseln divs mit bootstrap (data-toggle="buttons-checkbox") Siehe mein code:

<div class="btn-group d1" data-toggle="buttons-checkbox">
    <button type="button" class="btn btn-link ra">A</button>
    <button type="button" class="btn btn-link rb">B</button>
    <button type="button" class="btn btn-link rc">C</button>
</div>

<div class="myDiv rad">AAAAAAAAAAAA<br />AAAAAAAAAAAA</div>
<div class="myDiv rbd">BBBBBBBBBBBB<br />BBBBBBBBBBBB</div>
<div class="myDiv rcd">CCCCCCCCCCCC<br />CCCCCCCCCCCC</div>

$(".ra").on("click",function(){
    $('.myDiv').toggle();
    $(".rad").toggle();
});

$(".rb").on("click",function(){
    $('.myDiv').toggle();
    $(".rbd").toggle();
});

$(".rc").on("click",function(){
    $('.myDiv').toggle();
    $(".rcd").toggle();
});

Siehe link jsfiddle

keine Ahnung, wie, um anzeigen auf der Basis wählen ? wie 2 divs in der gleichen Zeit ?

InformationsquelleAutor | 2013-07-11
  1. 0

    Durchlaufen Tasten, finden Sie nur "aktiv" und show-Elementen entsprechen, die für "aktive" Elemente, die andere verstecken. Wenn nichts "aktiv" wird sich alles zeigen.

    http://jsfiddle.net/mattydsw/KZBNh/3/

    var buttons = $(".btn-link");
buttons.on("click",function(){
    $(this).toggleClass('sel');
    buttons.each(function(i,e) {
        var $this = $(e);
        var current = $("."+($this.attr('class').split(' '))[2]+"d");
        if($this.hasClass('sel')) {
            current.show();
        } else {
            current.hide();
        }
    });
    if($('.sel').length==0) {
        $('.myDiv').show();
    }
});
    • schön ! var aktuellen, kann ich ersetzen Sie es mit einer anderen Klasse, mit der aus split ?
    • Zu erklären var aktuellen Selektor: es sieht aus wie .rad. Da haben Sie Tasten, mit Klassen wie diese: btn btn-link ra ich es teilen, durch Leerzeichen char "" und nehmen die 3. Klasse (z.B. ra). So verkettet ist: Punkt + rX + d = .rXd. Wenn Sie möchten die verschiedenen Klassen fühlen Sie sich frei, um den Bau neuer Namenskonvention. Aber ohne split wirst du nicht bekommen diese variable Buchstaben "a, b, c, ..."
    • Ich möchte hinzufügen, diese auf meine checkbox-Liste link gibt es irgendeinen trick, um es arbeiten alle zusammen ? was denkst du @matty ?
    • du hast es gut, nur ändern Sie in 6 Zeile ($this.attr('class').split(' '))[3] zu ($this.attr('class').split(' '))[2] - arrays werden indiziert von 0, müssen Sie die Dritte "Wort", Sie müssen also den index 2
    InformationsquelleAutor mkutyba
Schreibe einen Kommentar