Assalamu'alaikum wr wb
Kali ini saya akan share bagaimana Cara menampilkan div dan menghilangkan div lain di javascript.
Berikut ini syntaxnya.
---------------------------
<html>
<body>
<a href="#" class="link1">Link 1</a>
<a href="#" class="link2">Link 2</a>
<div class="div1">
<img src="https://blogger.googleusercontent.com/img/proxy/AVvXsEi9IkpBQ9kvv_jupchgz0MPU-wWsD7vP1MZilHNnrpzDHjtsxNmrJkAF2lePlQFcHElzUOwYo_H8c6egP9_W6CMgw5H36GL-zRTbgx8vmnZtGcWT2AnrvffgNNFRWTSuInM4Rea2bY8PXFpEFxHV42Ntw6vVy0I7lAUZs95yDE3CPQefSmKsB8LKQ=s0-d">
</div>
<div class="div2">
<img src="https://blogger.googleusercontent.com/img/proxy/AVvXsEilM63uthFi948BHFI6udVG3iPFckkRttTFub7ZSB2HGWudK9vFuNPIN1QS_UHe-tArykB2czYYJOaWsE-RJr7mwp_AZghZELgEdSYsc_6e1rq82rHc09PBM_KRME3VmLvcrq_AODoUDC5D1syFBDPRzOJYdp8jEzC4kN6Z=s0-d">
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$(".div1, .div2").hide();
$(".link1, .link2").bind("click", function () {
$(".div1, .div2").hide();
if ($(this).attr("class") == "link1")
{
$(".div1").show();
}
else
{
$(".div2").show();
}
});
});
</script>
</body>
</html>
---------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.de/
Cara menampilkan div dan menghilangkan div lain di javascript
Reviewed by Syawaluddin Amin, S.Kom
on
Januari 06, 2017
Rating:
Reviewed by Syawaluddin Amin, S.Kom
on
Januari 06, 2017
Rating:
![Cara mengatasi error microsoft excel style 'comma [0]' not found](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOFi0vZX0Si_GfPTRMx9sV-xbrBAfxPv3hwRBnI_wXXHpVWuLXE-OEbztMvyCJDcn1Lt9iCfluqm2_q_cviCxFKjHMj6DgyTzYgzF5pFB_McNqh-vQuKZAVenkPpYa23kOvNlivVY7LjgU/s72-w618-c-h323/Screenshot_0.png "Cara mengatasi error microsoft excel style 'comma [0]' not found")
Tidak ada komentar: