Remove all CSS Stylesheets from a page

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();
 });

Answer 2

Try this:

$('link[rel="stylesheet"]').remove();

This will remove all stylesheets (all the styles applies due to those stylesheets) from the page.