Enable disable jquery script onclick
<p>I want to switch between differents jquery plugin: to desactive (disable) one when an other is activated (enable).</p>

<p>I have an html page where there are a touchslider (github.com/iosscripts/iosSlider) and a 3D viewer (github.com/creativeaura/threesixty-slider).</p>

<p>I want to switch, thanks to a button, between the 2D view (iosslider) and the 3D view (three sixty slider). I want only one enabled at a time.</p>

<p>I created a fiddle (the 3D viewer don't work, I don't know why): <a href="http://fiddle.jshell.net/TL72w/1/" rel="nofollow">http://fiddle.jshell.net/TL72w/1/</a></p>

<p>Here is my website, where the 2D and 3D views works fine but have some conflicts (because they are activated at the same times) : <a href="http://freakyshape.com/" rel="nofollow">http://freakyshape.com/</a></p>

<p>this is the script that display: none the 2D and 3D viewer (I want to add enable disable jquery viewer):</p>

<pre><code>$(document).ready(function() {
   $("a.on.tggl").click(function() {
    $(this).addClass("active");
    $(this).next(".tggl").removeClass("active");
    $('.container-iosSlider').css('display', 'block');
    $('.360-viewer').css('display', 'none');
    $('.custom_nav_bar').css('display', 'none');
    return false;
  });
  $("a.off.tggl").click(function() {
    $(this).addClass("active");
    $(this).prev(".tggl").removeClass("active");
    $('.container-iosSlider').css('display', 'none');
    $('.360-viewer').css('display', 'block');
    $('.custom_nav_bar').css('display', 'block');
    return false;
  });
  $("a.on.pshbtn").click(function() {
    $(this).addClass("active");
    $("a.off.pshbtn").removeClass("active");
    return false;
  });
  $("a.off.pshbtn").click(function() {
    $(this).addClass("active");
    $("a.on.pshbtn").removeClass("active");
    return false;
  });  
 });
</code></pre>

<p>Sorry for English, I'm french</p>
