T3BLOG

t3blog work on mootools, when I include jQuery toggle still does not work...

Works ok here. But if you have other JavaScript errors, t3blog code will not be executed in some browsers. So you should ensure that there are no other errors.

Here that about switching it is written to documentation:
"Do I have to use mootools?
No. But the folding of the categories and archive is done with mootools. If you do not need it, just change the settings in the corresponding TypoScripts."

The library mootools for me on a site is included. The customisation described in a manual is for this purpose used:
page.includeJS {
10 = EXT:t3blog/static/js/mootools/mootools.js
}
At click on the unwrapped categories, they are turned off, but at click on a tag [+] for deployment, the tag varies on [-], but categories (or archive) are not unwrapped. But if to reboot page in a browser the menu to become unwrapped. The error seems to me is linked to installation cookie or an error in the somewhere in this:
<script type="text/javascript">/*<![CDATA[*/var mySlidetogglecat1=new Fx.Slide($('togglecat1'));if(Cookie.get("mySlidetogglecat1")==1){mySlidetogglecat1.toggle();if($('imgtogglecat1').innerHTML=="[+]"){$('imgtogglecat1').innerHTML="[-]";}else{$('imgtogglecat1').innerHTML="[+]";}}
$('imgtogglecat1').addEvent('click',function(e){e=new Event(e);mySlidetogglecat1.toggle();if($('imgtogglecat1').innerHTML=="[+]"){Cookie.remove("mySlidetogglecat1");Cookie.set("mySlidetogglecat1","0",{path:"/"});$('imgtogglecat1').innerHTML="[-]";}else{Cookie.set("mySlidetogglecat1","1",{path:"/"});$('imgtogglecat1').innerHTML="[+]";}
e.stop();});var mySlidetogglecat8=new Fx.Slide($('togglecat8'));if(Cookie.get("mySlidetogglecat8")==1){mySlidetogglecat8.toggle();if($('imgtogglecat8').innerHTML=="[+]"){$('imgtogglecat8').innerHTML="[-]";}else{$('imgtogglecat8').innerHTML="[+]";}}
$('imgtogglecat8').addEvent('click',function(e){e=new Event(e);mySlidetogglecat8.toggle();if($('imgtogglecat8').innerHTML=="[+]"){Cookie.remove("mySlidetogglecat8");Cookie.set("mySlidetogglecat8","0",{path:"/"});$('imgtogglecat8').innerHTML="[-]";}else{Cookie.set("mySlidetogglecat8","1",{path:"/"});$('imgtogglecat8').innerHTML="[+]";}
e.stop();});/*]]>*/</script>

warning: reference to undefined property window.ie
Source: http://webdesign.gep-art.com/typo3conf/ext/t3blog/static/js/mootools/mootools.js?1285335859
String: 2253

Errors JavaScript are not present, it is misoperation mootools. I will explain that it was possible to clarify on an example. plugin.tx_t3blog_pi1.archive Forms the following structure:

<ul id="archive_" class="archive">
    <li class="year"><a href="" id="toggleyear" class="toggle">[-]</a>year<span class="postnum">(9)</span>
    <div style="margin: 0px 0px 0px 10px; overflow: hidden;">
        <ul id="archive_year" class="months" style="margin: 0px;">
            <li class="month"><a href="" id="toggleyear10" class="toggle">[+]</a><a href="...">month1</a><span class="postnum">(1)</span>
                <div style="margin: 0px 0px 0px 10px; overflow: hidden; height: 0px;">
                    <ul id="archive_year10" class="entries" style="margin: -62px 0px 0px;">
                        <li class="blogentry"><a href="...">entry1</a></li>
                    </ul>
                </div>
                <script type="text/javascript">...</script>
            </li>
            <li class="month"><a href="" id="toggleyear9" class="toggle">[+]</a><a href="...">month1</a><span class="postnum">(3)</span>
                <div style="margin: 0px 0px 0px 10px; overflow: hidden; height: 0px;">
                    <ul id="archive_year9" class="entries" style="margin: -289px 0px 0px;">
                        <li class="blogentry"><a href="...">entry2</a></li>
                        <li class="blogentry"><a href="...">entry3</a></li>
                        <li class="blogentry"><a href="...">entry4</a></li>
                    </ul>
                </div>
                <script type="text/javascript">...</script>
            </li>
        </ul>
    </div>
    <script type="text/javascript">...</script>
    </li>
</ul>

Apparently, it is the list to which each unit the structure is added <div style="margin: 0px 0px 0px 10px; overflow: hidden;">,
If a unit will unwrap (the sign [-] in an example), the structure looks so:
<div style="margin: 0px 0px 0px 10px; overflow: hidden;">
<ul id="archive_year" class="months" style="margin: 0px;">
</ul>
</div>
If a unit will turn (the sign [+] in an example), the structure looks so:
<div style="margin: 0px 0px 0px 10px; overflow: hidden; height: 0px;">
<ul id="archive_year" class="months" style="margin: -289px 0px 0px;">
</ul>
</div>

That is at turning to a unit <div> property "height: 0px;" is added and to a unit <ul> property "margin:-289px 0px 0px;" is added. Thereby all block <div> disappears.
Unit turning works perfectly, but at deployment there should be return operations: from a unit <div> property "height: 0px;" is deleted and for a unit <ul> property "margin:-289px 0px 0px;" again to become "margin: 0px;".
But it does not occur, at turning all properties of units <div> and <ul> remain former.
Varies only [+] on [-], and are installed cookie.
Means incorrectly works script or mootools (by the way all is made on the version mootools 1.11 though for a long time already has appeared 2.2.25).

Please check this issue (related): http://forge.typo3.org/issues/10010

Since t3blog uses extJS to toggle archive & categories the same problem occurs. If you click on [-] and then on [+] the tree slides down and close it. It's not possible to expand it anymore. It would also be nice to save toggle-status for each ul in a cookie, as it is in the extension t3blogjquery.