jQuery ein-und ausblenden-Taste zu verwenden, wenn sonst

Ich habe eine Reihe von Registerkarten in meiner Seite, ich ausblenden möchten, die-Taste zuerst ausschalten, dann, wenn Sie auf eine bestimmte Registerkarte in der Seite - zeigen Sie dann die Taste. Dieses bit muss ich arbeiten!

Mein problem ist, Wenn ich auf einen anderen tab, ich will die einstellen-Taste, um hide() wieder. Im neuen zu jQuery und ich denke ich muss hinzufügen eines if else Anweisung, dies zu tun?

Folgenden Code:

$(document).ready(function () { 
    $('.myButton').hide();

    $('a.tab1').click(function() {
        $('.myButton').show();
        return false;
    });
    $('.myButton').hide(); //hide again once clicked off the tab.
});

Es wäre besser, wenn Sie fügen Sie einige HTML.

InformationsquelleAutor John | 2012-12-24

2

also bin angenommen, Sie möchten mit Ihren Taste.
1. Sollte nicht erscheinen, wenn die Seite geladen ist
2. Sollte nur erscheinen, wenn eine bestimmte Registerkarte, sagen tab1 geklickt wird.
3. Sollte verschwinden, wenn anyother Register (andere als tab1) geklickt wird.
dann machen Sie es einfach, ändern Sie Ihren code einfach sein. tun Sie dies:
```
<script>
$(document).ready(function(){
  $('.button').hide(0);  //or do it through css
  $('a.tab1').click(function(){
     $('.button').show();

  });

 //otherTab is the class for the tabs other than tab1
 $('a.otherTab').click(function(){
    $('.button').hide();
 });

});
</script>
```
dies ist ein super einfaches Skript, um zu erreichen, was Sie wollen. Kann es sein, generische und kurz. Aber dann sollte man die Idee richtig? Sie sollten in der Lage sein zu wählen, klicken Sie auf Ereignisse in Ihrem jeweiligen Registerkarten, das ist alles, was Sie brauchen, um sich zu Sortieren.

Vergeben Id oder Klasse oder was auch immer deutlich schnappen Sie sich Ihre Tabletten.

InformationsquelleAutor Manish Mishra
3

Dieser code funktioniert nur, wenn Sie klicken Sie die Registerkarte htep hat die Klasse tab1. Überprüfen Sie, dass alle tabs innerhalb Ihrer Seite hat diese Klasse, wenn dem nicht so ist, assing dieser Klasse zu alle Registerkarten in Ihre Seite ein.

Außerdem die Funktion toggle() fungiert als if else in diesem Fall. Also, wenn die Schaltfläche sichtbar ist toggle machen es versteckt, sonst wird es sichtbar:
```
<a class="tab1">tab1</a>
<a class="tab1">tab2</a>

$(document).ready(function(){
$('.myButton').hide();

$('.tab1').click(function() {
  $('.myButton').toggle();
});
});
```
VERSUCHEN SIE ES
- feine Arbeit Liebe
- Hinzugefügt ein Turnschuh um es zu testen. Bitte überprüfen Sie es.
InformationsquelleAutor anmarti

$(function(){
    $('div').hide(0);
    $('button').on('click',function(){
    $('div').toggle(200);
    });
});

dann, wenn du kannst/benutzen würde ein fade-Effekt für das verstecken und zeigen Ihre element klicken, können Sie wählen, somenthing wie ( hübsche animation):

$(function(){
        $('div').hide(0);
        $('button').on('click',function(){
        $('div').fadeToggle(200);
        });
    });

InformationsquelleAutor itsme

hinzufügen klicken Sie auf Ereignis, um die Eltern alle "Reiter" Verknüpfungen element.

$('.parentofTabLinks').click(function(event) {
    if($(event.target).is('a.tab1'))
        $('.myButton').show();
    else
       $('.myButton').hide();
});

InformationsquelleAutor waycell

0

Sehen .toggle() von jQuery.
Hat das gleiche der if-Anweisung, aber Sie schaffte es durch die jQuery-Bibliothek.

http://api.jquery.com/toggle/

InformationsquelleAutor Max

halten jquery-dom Suche und verpassen Sie nicht nicht zu halten html link Folgen

var mybutton = $("#mybutton");

$('a.tab_who_show').click(function(event)
{
        mybutton.show();
        event.preventDefault();
});

$('a.tab_who_hide').click(function(event)
{
        mybutton.hide();
        event.preventDefault();
});

können Sie auch jquery verwenden.auf die Arbeit an einem container

var mybutton = $("#mybutton");
$('#tabs_container').on("click","a.tab_who_hide",function(e){
        mybutton.hide();
        e.preventDefault();
}).on("click","a.tab_who_show",function(e){
        mybutton.show();
        e.preventDefault();
});

- und test-Klasse Präsenz zu schreiben, eine mehr global code

var mybutton = $("#mybutton");
$('#tabs_container').on("click","a",function(e){
        var needToShow = $(this).hasClass('tab_who_show');
        mybutton.toggle(needToShow);
        e.preventDefault();
});

InformationsquelleAutor r043v

$(document).ready(function(){
    $("button").click(function(){
        //show hide paragraph on button click
        $("p").toggle("slow", function(){
            //check paragraph once toggle effect is completed
            if($("p").is(":visible")){
                alert("The paragraph  is visible.");
            } else{
                alert("The paragraph  is hidden.");
            }
        });
    });
});

InformationsquelleAutor Rejneesh Raghunath

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.