intercooler/www/attributes/ic-remove-class.html

Making AJAX as easy as anchor tags

---
layout: default
nav: attributes > ic-remove-class
---

<div class="container">

  <div class="row">
    <div class="col-md-12">

      <h2><code>ic-remove-class</code> - The Remove Class Attribute</h2>

      <h3>Summary</h3>

      <p>The <code>ic-remove-class</code> attribute allows you to remove classes from an element after a specified delay.</p>

      <h3>Syntax</h3>

      <p>The value of the attribute can be either a valid CSS class name, a valid CSS class name followed by a colon
        followed by a time delay, or a comma separated list of either of these.</p>

      <h3>Dependencies</h3>

      <p>The <code>ic-remove-class</code> attribute has no effect on dependencies.</p>

      <h3>Example</h3>

      <p>Here is a simple example, which removes an 'icRed' class after 2 seconds and takes 10 seconds to
      complete the transition.</p>

      <pre>
        &lt;h3 class="example icRed" ic-remove-class="icRed:2s">This Will Fade Red&lt;/h3>
      </pre>

      <style>
        .example {
          transition: color 10s;
        }
        .icRed {
          color: red;
        }
      </style>
      <div class="live-demo">
        <h3 class="example icRed" ic-remove-class="icRed:2s">This Will Fade From Red To Black</h3>
      </div>

    </div>
  </div>
</div>