Alterando Width com Jquery por onClick

[Paulo Munari 1]

Olá,

 

A dúvida desta vez é:

 

Ex: O link chamaria um código jquery que muda o tamanho da div, como se faz?

 

<a href="?" onclick="width()">Mudar tamanho</a>

 

<div class="content">

</div>

[William Bruno 1501]

Isso que vc postou funciona. Mas é feio(anti padrão) usar onclick direto no html.

 

Qual a dúvida de verdade ?

[Paulo Munari 1]

É estilo o efeito acender/apagar luz mas que altere a largura de uma div especifica!

 

Na verdade eu que compliquei um pouco ao postar a pergunta kkk

[Maujor 144]

Use o método on() da jQuery.

 

$( "#id-do-link" ).on( "click", function() {

// aqui entra função para alterar largura

});

[Paulo Munari 1]

<style>
.fullscreen {
position:absolute;
left:0;
top:0;
width:100%;
width:100%;
}
</style>
<script>
$( "#fullscreen" ).on( "click", function() {

// Qual código uso aqui

});
</script>
<a id="fullscreen" href="?pag=arquivo&open=panel&mode=creator">Painel De Desenvolvimento</a>

<div id="content" class="min-screen">

Como faço a função dentro que ira trocar a classe MIN-SCREEN pela classe FULLSCREEN ao clicar no link que recarrega a página em modo de tela cheia claramente?

 

Não sei absolutamente nada em JQuery ainda sei muito pouco mesmo de JQuery.

[William Bruno 1501]

$( "#fullscreen" ).on( "click", function() {

 

$("#content").removeClass("min-screen").addClass("fullscreen");

 

});

[Paulo Munari 1]

Obrigado a todos!