Databases
StackOverflow2013
Postsdbo
POsmoothly transition removeClass
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POsmoothly transition removeClass
    primarykey
    data
    text
    <p>I've looked at other questions and it seems no one is having the same problem as me, which is always exciting!</p> <p>I am trying to have a neat look on my pages content when you arrive to the page. Everything all blocked out with CSS. A big link to click that removes all the redaction effects. I have successfully managed to make the jQuery remove the redacted style classes but it isn't animating at all. I am using the jQuery UI library. I saw someone mention that it wouldn't work with <code>!important</code> attribute, I have no difference with or without, without <code>!important</code> i am not able to override the properties. </p> <p>Please help obiwan, you are my only hope!</p> <p>** Note, I am trying to use a JQuery UI ability not straight Jquery** </p> <p>example of effect : <a href="http://api.jqueryui.com/removeClass/" rel="nofollow">http://api.jqueryui.com/removeClass/</a></p> <p><a href="http://jsfiddle.net/n7wky/" rel="nofollow">JS FIDDLE</a></p> <p><a href="http://dev.ahopefilm.com/" rel="nofollow">Live dev site</a></p> <p>Jquery </p> <pre><code>$(document).ready(function(){ $("#educate").addClass("redactedtext redactedblocks" ); $("#join").click(function() { $("#educate").removeClass("redactedtext redactedblocks", 1000 ); $('#join').contents().unwrap(); }); }); </code></pre> <p>and the PHP/Body text</p> <pre><code>&lt;article class="row"&gt; &lt;article class="twelve columns mastblock predacted " id="make"&gt; &lt;p&gt;&lt;a href="#" id="join"&gt;Join&lt;/a&gt; us in making a &lt;strong&gt;new&lt;/strong&gt; kind of documentary&lt;/p&gt; &lt;/article&gt; &lt;/article&gt; &lt;section class="row " data-match-height &gt; &lt;article class="radius-top-left medium-4 columns mastblock " id="educate"&gt; &lt;h1&gt;Educational&lt;/h1&gt; &lt;p&gt;Find out what is behind the actions that lead to slavery, human trafficking, and forced Labour. Have a more complete picture on why slavery still exsists.&lt;/p&gt; &lt;p&gt;Learn more&amp;#8230;&lt;/p&gt; &lt;/article&gt; </code></pre> <p>intended action is to click button, see blackout fade away and colour come back.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTim Gauthier
    1. USTim Gauthier
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POsmoothly transition removeClass
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POsmoothly transition removeClass
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POsmoothly transition removeClass
      1. This table or related slice is empty.
      1. VTUpMod
    1. COperhaps a jsfiddle might help us to help you...
      singulars
      1. POsmoothly transition removeClass
      1. USSaturnix
    2. COYou can't do this. Which is probably why *no one is having the same problem as you*. You can transition individual css properties but not an entire class.
      singulars
      1. POsmoothly transition removeClass
      1. USLiam
    3. COso if I use jquery to removeClass i can't made it fade it out? I'd have to transition the background and text colours specifically? can I use a class as an end point (so that I can just call once and have it change to the correct colours for each box) ?
      singulars
      1. POsmoothly transition removeClass
      1. USTim Gauthier
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload