slideup slididedown issues

Question

ich habe eine kleine frage, in bezug auf slide-up und slidedown, das problem ist in slide-up tatsächlich, sobald ich auf den link den inhalt rutschen, und das ist ok, aber wenn ich versuche, diese Folie zu schließen, es slidesup und slidedown automatisch, ich meine es kann nicht geschlossen werden, wenn es ohnehin geöffnet :), alles hoffen klar sein, nachdem ich zeigen u den Code:

$items = $('#accordion a.item'); 
    $items.click(function() { 
     $items.removeClass('selected'); 
     $(this).addClass('selected'); 
     $('#accordion li').children('ul').slideUp('slow'); 
     $(this).siblings('ul').slideDown('slow'); 
     return false; 
    }); 

und html:

<ul id="accordion"> 
    <li> 
     <a href="#" class="item">BANKS</a> 
     <ul>BLA BLA BLA</ul> 
    </li> 
    <li> 
     <a href="#" class="item">PETROL</a> 
     <ul>BLA BLA BLA</ul> 
    </li> 
</ul> 

Alles, was ich will, ist, dass es geschlossen werden kann.

und ich danke Ihnen allen für die Hilfe und spart einige Zeit, ich schätze es wirklich!

Answer 1

Sie haben eine slidedown nach dem slideup

$('#accordion li').children('ul').slideUp('slow'); 
    $(this).siblings('ul').slideDown('slow'); 

wenn die Wähler beide für gleich sind, wird es nach oben und unten.

Sie können versuchen, die slidedown für die angeklickt zu überspringen, wenn es geöffnet war, als

geklickt

EDIT

Javascript-Code geändert

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     $items = $('#accordion a.item'); 
     $('#accordion li').children('ul').slideUp('slow'); 
     $items.click(function() { 
      $('#accordion li').children('ul').slideUp('slow'); 
      if ($(this)[0] != $('.selected')[0]) { 
       $(this).siblings('ul').slideDown('slow'); 
       $items.removeClass('selected'); 
       $(this).addClass('selected'); 
      } else { 
       $items.removeClass('selected'); 
      } 
      return false; 
     });  
    }); 
</script> 

Answer 2

Hiya leicht Hier werden Sie Demo gehen : http://jsfiddle.net/uetGd/29/

Das andere Problem behoben, das Sie verbessern können mehr: http://jsfiddle.net/uetGd/39/

HTML

<ul id="accordion"> 
    <li> 
     <a href="#" class="item">BANKS</a> 
     <ul>BLA BLA BLA</ul> 
    </li> 
    <li> 
     <a href="#" class="item">PETROL</a> 
     <ul>BLA BLA BLA</ul> 
    </li> 
</ul>​ 

JQuery-Code

$('.item') 
    .ready(accordionSlideUpDown) // on ready 
    .click(accordionSlideUpDown); // on click 


function accordionSlideUpDown(){ 
    $('#accordion').children().children('ul').slideUp(); 
    $(this).next().slideToggle(); 
} 
​ 

ODER bearbeiten

$('#accordion').children().children('ul').slideToggle(); 
var previous = ""; 

$('.item') 
    .ready(accordionSlideUpDown) // on ready 
    .click(accordionSlideUpDown); // on click 


function accordionSlideUpDown(){ 
    var newval = $(this).text(); 

    $('#accordion').children().children('ul').slideUp(); 

    if (newval != previous){ 
     $(this).next().slideToggle('slow'); 
    } 
     previous = $(this).text();      
} 

​