clic ne fonctionne pas comme prévu

Je possède ce code:clic ne fonctionne pas comme prévu

$(document).ready(function() { 
$('#list2').click(function() { 
    if (!$('#text2').is(":visible")){ 
$(".shownText").slideUp(100).removeClass('.shownText'); 
$('#text2').slideDown(500); 
} 
    }); 
});

html pour texte2:

<div id="svceText"> 
<div id="text2" class="shownText"> 
<p>.......</p> </div> 
</div>

html pour liste2:

<div id="svceContent"> 
<div id="list2"><h3><a href="">blah blah</a></h3></div> 
</div>

En cliquant sur liste2 ne produit pas un slideDown correct sur text2 - les quelques pixels du haut de text2 montrent, ou rien du tout (résultat différent à chaque clic). Le problème se produit dans FF4/64bit et IE7/8/9.

La page peut être visualisée HERE.

J'ai essayé de modifier le script:

$('#list2').bind('click', function() {

mais pas de chance. Erghhh ...

Source

2011-04-27 kirk tab

Pouvez-vous fournir des informations sur ce qui ne fonctionne pas réellement? –

Lorsque vous cliquez sur l'un des éléments de la liste verticale, tout texte actuellement affiché dans la div svceText devrait glisser vers le haut, et le nouveau texte devrait alors glisser vers le bas. Si vous passez la souris sur le premier élément de la liste ("Solutions collaboratives"), vous verrez ce qui devrait se passer lorsque vous cliquerez sur l'un des autres éléments de la liste. [Notez que l'élément de la liste du bas ("Contacts") est configuré pour ouvrir une nouvelle page] –

bump ........... –

Je viens de mettre un signe hash/pound (#) dans l'attribut href pour mes tags d'ancrage. Maintenant, les fonctions de clic fonctionnent comme un rêve & Je peux me débarrasser des événements extravagants de mouseover qui rendaient cette page web un désordre confus.

Source

2011-06-13 03:47:05

clic ne fonctionne pas comme prévu

Répondre

Questions connexes