How to remove a specific element when the all button is pressed on Jquery Isotope plugin?
<p>Thats the code I am trying to sort. I need the all button to hide the div with class exit and when the button "more than 1265" is clicked to show it again.</p>

<pre><code>        &lt;!doctype html&gt;
        &lt;html lang="en"&gt;
        &lt;head&gt;

          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;Combination filters &amp;middot; Isotope Demo&lt;/title&gt;

          &lt;!--[if lt IE 9]&gt;&lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;

          &lt;link rel="stylesheet" href="../css/style.css" /&gt;

          &lt;!-- scripts at bottom of page --&gt;


        &lt;/head&gt;
        &lt;body class="demos "&gt;

          &lt;section id="content"&gt;

            &lt;h1&gt;Find your topload Tester&lt;/h1&gt;
            &lt;h3&gt;Customize your datasheet according to your sample's dimensions&lt;/h3&gt;


        &lt;section id="options" class="clearfix combo-filters"&gt;




            &lt;div class="option-combo height"&gt;
              &lt;h4&gt;Height (mm)&lt;/h4&gt;
              &lt;ul class="filter option-set clearfix " data-filter-group="height"&gt; 
                &lt;li&gt;&lt;a id="all" href="#filter-height-any" data-filter-value="*" class="selected"&gt;All&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-height-525" data-filter-value=".525"&gt;525 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-height-645" data-filter-value=".645"&gt;645 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-height-1265" data-filter-value=".1265"&gt;more than 1265&lt;/a&gt;

              &lt;/ul&gt;
            &lt;/div&gt;
            &lt;br&gt;
            &lt;br&gt;
            &lt;div class="option-combo width"&gt;
              &lt;h4&gt;Width &amp;nbsp;(mm)&lt;/h4&gt;
              &lt;ul class="filter option-set clearfix " data-filter-group="width"&gt; 
                &lt;li&gt;&lt;a id="all" href="#filter-width-any" data-filter-value="" class="selected"&gt;All&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-width-134" data-filter-value=".134w"&gt;134 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-width-190" data-filter-value=".190w"&gt;190 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-width-290" data-filter-value=".290w"&gt;290 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-width-328" data-filter-value=".328w"&gt;328 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-width-420" data-filter-value=".420w"&gt;420 or more&lt;/a&gt;

              &lt;/ul&gt;
            &lt;/div&gt;
            &lt;br&gt;
          &lt;br&gt;
            &lt;div class="option-combo depth"&gt;
              &lt;h4&gt;Depth (mm)&lt;/h4&gt;
              &lt;ul class="filter option-set clearfix " data-filter-group="depth"&gt; 
                &lt;li&gt;&lt;a id="all" href="#filter-depth-any" data-filter-value="" class="selected"&gt;All&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-depth-134" data-filter-value=".134d"&gt;134 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-depth-190" data-filter-value=".190d"&gt;190 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-depth-290" data-filter-value=".290d"&gt;290 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-depth" data-filter-value=".328d"&gt;328 or less&lt;/a&gt; 

                  &lt;li&gt;&lt;a href="#filter-depth-420" data-filter-value=".420d"&gt;420 or more&lt;/a&gt;           
              &lt;/ul&gt;
            &lt;/div&gt;
            &lt;br&gt;
            &lt;br&gt;

            &lt;div class="option-combo load"&gt;
              &lt;h4&gt;Load (kN)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h4&gt;
              &lt;ul class="filter option-set clearfix " data-filter-group="load"&gt; 
                &lt;li&gt;&lt;a id="all" href="#filter-load-any" data-filter-value="" class="selected"&gt;All&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-load-2.5" data-filter-value=".2-5l"&gt;2.5 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-load-5" data-filter-value=".5l"&gt;5 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-load-10" data-filter-value=".10l"&gt;10 or less&lt;/a&gt;

                  &lt;li&gt;&lt;a href="#filter-load-25" data-filter-value=".25l"&gt;25 or less&lt;/a&gt; 

                  &lt;li&gt;&lt;a href="#filter-load-50" data-filter-value=".50l"&gt;50 or more&lt;/a&gt;           
              &lt;/ul&gt;
            &lt;/div&gt;


        &lt;/section&gt; &lt;!-- #options --&gt;

        &lt;div id="container" class="clearfix"&gt;



                &lt;div id="data1" class="width-height-depth 525 134w 290w 290d 134d 2-5l blue"&gt;Datasheet1&lt;/div&gt;

                &lt;div id="data2" class="width-height-depth 645   190w 328w 328d 190d 5l"&gt;Datasheet2&lt;/div&gt;

                &lt;div id="data3" class="width-height-depth 50l 25l 10l "&gt;Datasheet3&lt;/div&gt;

                &lt;div id="exit" class="width-height-depth 1265"&gt;This configuration is beyond the standard range of top-load testers. Please contact Mecmesin Sales to discuss ways to meet your requirements&lt;/div&gt;


        &lt;/div&gt; &lt;!-- #container --&gt;

        &lt;script src="../js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
        &lt;script src="../jquery.isotope.min.js"&gt;&lt;/script&gt;
        &lt;script&gt;
          $(function(){

            var $container = $('#container'),
                filters = {};

            $container.isotope({
              itemSelector : '.width-height-depth',

              masonry: {
                columnWidth: 80
              },
              filter: '#data1,#data2 , #data3'
            });

            // filter buttons
            $('.filter a').click(function(){
              var $this = $(this);
              // don't proceed if already selected
              if ( $this.hasClass('selected') ) {
                return;
              }

              var $optionSet = $this.parents('.option-set');
              // change selected class
              $optionSet.find('.selected').removeClass('selected');
              $this.addClass('selected');

              // store filter value in object
              // i.e. filters.color = 'red'
              var group = $optionSet.attr('data-filter-group');
              filters[ group ] = $this.attr('data-filter-value');
              // convert object into array
              var isoFilters = [];
              for ( var prop in filters ) {
                isoFilters.push( filters[ prop ] )
              }
              var selector = isoFilters.join('');
              $container.isotope({ filter: selector });

              return false;
            });



          });



        &lt;/script&gt;


            &lt;footer&gt;
             &lt;p&gt;If you cant find what you are looking for blah blah blah....&lt;/p&gt;
            &lt;/footer&gt;

          &lt;/section&gt; &lt;!-- #content --&gt;


        &lt;/body&gt;
        &lt;/html&gt;
</code></pre>

<p>I ve tried your solution. Its almost working but when I repress the "more than 1265" button the text doesnt appear again. It seems that a display:none property is applied.</p>
