OK, so we can see the problem with a simple.
Well, what is the solution if we take a look at the index, VSS and more specifically, if you are
looking at the links container.
So that is, of course, the Divx that has the on our list.
You'll notice that there is some success already and that Xerces is had zero hour for hidden and then
I have a bit of transition.
And then of course I have this shell container class that adds that.
So what is happening over here?
Well, if we navigate back to the number, I'll get rid of my conditioner under here, because that
is not the approach we will use.
And you'll notice that, of course, we can see what is beautiful.
But then once I remove that show container class, then the links are hidden.
And this is also something that we have done already before where depending on state value, I could
add or remove the class.
Just please understand the success.
So I have my next container.
Yes, that is beautiful.
And then by default, I hide it.
I say hide zero or hidden, and then I add a bit of transition.
And then only once I add this show container class, then I get the height.
That's why in a number, if you slide show container, then you'll be able to see.
And now of course, we just need to make this dynamic and we already know that in order to do that,
we would need to set up the Curley's because we to want to go back to JavaScript or have our templates
string, because I would want to toggle the value and all right away set up my operator where I'm going
to check the value for the show length here.
So I'm going to go back to the jouster plan during the interpolation and then I'll say, if show length
is true, then return oinks container plus show container class.
If not, then just the container.
So we go with Questionmark and then we have the colon.
So of course this is going to be if the show links is false, then I would just want to display the
links container like so.
However, if the show links is true, then I would want to display both our own display links, container
links container, which by the way, I could have just pasted.
And then I also want to show show container class.
And now, of course, once we click n now we're nicely animating.
Now there's a different issue and I'll talk about the issue in a second.
But at least now the change is happening over time.
It is not happening instantly.
OK, so what is the issue?
Well, the issue right now is that in the indexes, notice this height.
So this height is ten arms and essentially I'm hard coding this volume.
And even though it might not look like a big deal, problem is, as my legs are changing, well, the
value still stays hardcoded.
So essentially, you probably noticed that we have five links, but I cannot see that 15 y well, because
here the value is hardcoded.
So if I go with 15, then of course I'll be able to see my link.
And of course there's some space because I don't match exactly the length that I have.
So what I'm trying to say is that, yeah, it is nice, but the value is hardcoded so this won't change
depending on my liked.
But what I would want is if I had more links, then of course the container is bigger and that if I
had less links and of course my container is smaller.
So I still want the change over time.
But I also would want to somehow check how many links I have and then create the height for the container
depending on that.