This project is archived and is in readonly mode.

#207 ✓invalid

why it this array has only one element?

Reported by rocky | July 8th, 2008 @ 04:56 PM | in 2.0 (closed)

var list = $$('#vertical li div.collapse');

var headings = $$('#vertical li h3');

var collapsibles = new Array();

headings.each( function(heading, i) {

var collapsible = new Fx.Slide(list[i], {

duration: 500,

transition: Fx.Transitions.linear,

onComplete: function(request){

var open = request.getStyle('margin-top').toInt();

if(open >= 0) new Fx.Scroll(window).toElement(headings[i]);



collapsibles[i] = collapsible;

heading.onclick = function(){

var span = $E('span', heading);


var newHTML = span.innerHTML == '+' ? '-' : '+';




return false;





headings.each( function (heading, i) {


var invisible = $$('div.e_container');"hidden";




the problem is that in this part:


headings.each( function (heading, i) {


var invisible = $$('div.e_container');"hidden";


it seems to see only one heading in the array although at the begging it sees them all...

I need to do that because in my collapsible divs I have 2 divs one just with text another with background images, it works great in every browser but internet explorer

It seems not to hide divs with background images so I have to make those divs invisible when they are collapsed

Comments and changes to this ticket

  • Jan Kassens

    Jan Kassens July 19th, 2008 @ 12:13 PM

    • State changed from “new” to “invalid”
    • Tag changed from explorer, internet to ie

    For help requests visit the google group "mootools-users".

    If you think this is a MooTools bug a demo is needed.

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile »

Shared Ticket Bins

People watching this ticket