Question

I want to show a page without any css applied. Is it somehow possible to add a jquery switch inside the page to disable all stylesheets?

Reason: I want to show a client the importance of Design by giving him the opportunity to disable the css styles of his site. It is way more convincing when he can trigger it on his own 🙂

Answer 1

If you want it to fire after a click:

$(".element").click(function(){
    $("link[rel='stylesheet']").remove();
});

or at the beginning:

 $(document).ready(function(){
        $("link[rel='stylesheet']").remove();
 });