Membuat Toggle Text Dengan Jquery memoocious Sun, 30 Aug 2015
![Linkedin](https://www.linkedin.com/shareArticle?mini=true&url=http://memoocious.wap.sh/content/article/__xtblog_entry/10707861-membuat-toggle-text-dengan-jquery?__xtblog_block_id=1&title=Membuat Toggle Text Dengan Jquery&summary=<p><div style="text-align: center;"><img src="http://cdn.kuaza.com/wp-content/uploads/2015/06/jQuery-debouncing-events.jpg" alt="image" /></div><br />
<br />
<strong>MEMOCIOUS</strong> - kali ini saya akan share cara membuat <strong>toogle text</strong> di button atau text akan berubah saat button di click, caranya cukup mudah dan scriptnya juga cukup sederhana.<br />
Langsung saja ke caranya..<br />
<br />
• Yang pertama pastinya agan harus include dulu jquerynya di bagian <span class="code"><head></span> bisa di cari di <a href="http://jquery.com">jquery.com</a>.<br />
<br />
• Yang kedua agan bisa tulis script seperti di bawah ini.<br />
<pre><br />
<script><br />
$('button').click(function() {<br />
var ganti = $(this);<br />
ganti.text(ganti.text() == 'tampilkan' ? 'hilangkan' : 'tampilkan');<br />
});<br />
</script><br />
</pre><br />
<br />
perlu di ingat, tempatkan script di bawah jquery, bila tidak script tidak akan bekerja.<br />
<br />
• Yang terakhir, pastinya agan buat buttonnya, saya contohkan seperti ini.<br />
<pre><br />
<button>tampilkan</button><br />
</pre><br />
<br />
Selamat mencoba, mohon maaf belum ada demo, dan saya jamin work asal di lakukan dengan step yang saya terangkan di atas.<br />
Terimakasih !!!</p>
&source=memoocious){kind=link}
MEMOCIOUS - kali ini saya akan share cara membuat toogle text di button atau text akan berubah saat button di click, caranya cukup mudah dan scriptnya juga cukup sederhana.
Langsung saja ke caranya..
• Yang pertama pastinya agan harus include dulu jquerynya di bagian <head> bisa di cari di jquery.com.
• Yang kedua agan bisa tulis script seperti di bawah ini.
<script>
$('button').click(function() {
var ganti = $(this);
ganti.text(ganti.text() == 'tampilkan' ? 'hilangkan' : 'tampilkan');
});
</script>
perlu di ingat, tempatkan script di bawah jquery, bila tidak script tidak akan bekerja.
• Yang terakhir, pastinya agan buat buttonnya, saya contohkan seperti ini.
<button>tampilkan</button>
Selamat mencoba, mohon maaf belum ada demo, dan saya jamin work asal di lakukan dengan step yang saya terangkan di atas.
Terimakasih !!!