Text on the label Not sliding with when clicked

Question

I have an accordion slider. I have a problem with the slider label text, which is not sliding when clicked. Here is the URL to my site.

CSS for the text:

.accordion label h7{ 
position: absolute;
cursor:pointer; 
display: block;
-webkit-backface-visibility: hidden; /* fixes chrome bug */
-webkit-transform: translateX(-100%) rotate(-90deg); 
-webkit-transform-origin: right top; 
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top; 
-o-transform: translateX(-100%) rotate(-90deg); 
-o-transform-origin: right top; 
transform: translateX(-100%) rotate(-90deg); 
transform-origin: right top;
}

What am I missing? Is their a way to make the slider auto slider with some seconds lag?

I'm not getting the problem. For me the site looks fine. Could you maybe create a [jsfiddle](http://jsfiddle.net/) that is only showing the isolated problem? Also, what browsers does the problem occur in? — Elmar Peise, Apr 20 '13 at 11:28

JSW189 · Accepted Answer · 2013-03-24T15:09:12.267

2

The problem is that .accordion label h7 is set to position:absolute. If you remove that you'll notice the text begins to slide.

A fix I found for the resulting bunched text is to set a width to .accordion label h7.

.accordion label h7 {
    width: 200px;
}

edited Mar 24 '13 at 15:09

answered Mar 24 '13 at 15:03

JSW189

6,267
11
44
72

But after removing this text messed up. what about that? – Sachin Mar 24 '13 at 15:06
Thanks is their a way to make the slider auto rotate? in css3 – karthik patruni Mar 24 '13 at 15:15
@karthikpatruni: You may want to ask that as a separate question. – JSW189 Mar 24 '13 at 16:23

score 0 · Answer 2 · edited May 23 '17 at 11:49

0

The text is sliding, but it is not getting updated. As soon as some CSS properties change, the text jumps to the right position. So maybe try changing a CSS property before you start to animate the text and remove it again after your animation is complete (something like border-color which no one will ever see). (Relevant SO question)

edited May 23 '17 at 11:49

Community

1
1

answered Mar 24 '13 at 15:02

darthmaim

4,970
1
27
40

Text on the label Not sliding with when clicked

2 Answers2