Ausblenden/Einblenden von Divs mit Jquery-Effekte

ich versuche zu verstecken, Haupt-div und zeigen Sie anderen mit jquery habe ich codiert, aber es funktioniert nicht.
dies ist die jquery und die css.

          <script>
 $(".mib").click(
function Mision() {
      var $next = $('#content #mision');
      var $active = $('#content .activec');
      $active.fadeOut(function(){
        $active.removeClass('activec');
        $next.fadeIn().addClass('activec');
            });   
          });

  </script>

<style>
#content div {
    display: none;
    position: relative;
    top: 0;
    left: 0;
}
#content div.activec {
    display: block;
}
</style>

und hier ist der html -

<div id="menu">
<a href="" class="mib">Mision(actually here goes an image)</a>
</div>

<div id="content">
<div id="intro" class="activec">Intro Text</div>
<div id="mision">Mision Text</div>
</div>

Überarbeitete ich den code, und ich kann immer noch nicht den Fehler gefunden.. Bitte helfen 🙂

  • Können Sie uns erklären, was genau "nicht funktioniert"? Was es bedeutete, zu tun?
  • Es ist nicht, es ist suppoused zu arbeiten, wenn Sie klicken Sie auf "mision" auf dem Menü, aber es tut, passiert nichts. Sein soll, dass der div-namens intro ist gonna verschwinden und die div namens mision zu erscheinen.
InformationsquelleAutor Josh | 2012-06-08
  1. 1

    Versuchen Sie dies:

    <a href="javascript:void(0)" class="mib">Mision(actually here goes an image)</a>

    Und Kapseln Ihr Skript innerhalb ready callback:

    $(document).ready(function(){
   $(".mib").click(function Mision() {
      var $next = $('#content #mision');
      var $active = $('#content .activec');
      $active.fadeOut(function(){
         $active.removeClass('activec');
         $next.fadeIn().addClass('activec');
      });   
   });
});

    DEMO

    • OMG, Es funktioniert! ich vermisste die bereit Rückruf.. vielen Dank! Ich bin wirklich dankbar für deine Antwort! 🙂
    • Ew @ javascript:void. Verwenden e.preventDefault() statt 🙂
    • werde ich, danke.
    • Warum sollte ich stattdessen verwenden?
    InformationsquelleAutor Engineer
  2. 2

    Halten Sie es einfach - http://jsfiddle.net/4KP5F/1/

    $(".mib").on("click", function(e) {
    e.preventDefault();

    $("#intro").fadeOut(400, function() {
        $("#mision").fadeIn(400);
    });
});
    • Ausgezeichnete Antwort.
    • Es funktioniert auch! Vielen Dank!, das Letzte Projekt sein ein wenig komplizierter, das ist, warum ich brauchen, um die Klasse zu verwenden remover, ich Liebe diese community, schnelle Antworten. 🙂
    InformationsquelleAutor Zoltan Toth
  3. 0

    Versuchen

    $(".mib").click(
function Mision() {

    Zu

    $(".mib").click(
function() {

    (Nevermind auf den letzten zu Bearbeiten, müssen Sie die richtige Anzahl der schließenden Klammern.)

    InformationsquelleAutor Dan
  4. 0
    $(".mib").bind('click',function Mision() {
      var $next = $('#content #mision');
      var $active = $('#content .activec');
      $active.fadeOut(function(){
         $active.removeClass('activec');
         $next.fadeIn().addClass('activec');
      });   
   });
    InformationsquelleAutor SHUNMUGA RAJ PRABAKARAN
Schreibe einen Kommentar