フォームに単純なスイッチを作成しようとしています。一方向にしか機能しません。このコードが機能しない原因は何ですか?
HTML
<div id="SlideJoinDiv" align="right" style="background-image: url(img/buttons/SchuifNederlandsBG.png">
<img width="87px" height="53px" src="img/buttons/SchuifjeKnop.png" id="SlideJoin" />
</div>
jQuery
$(document).ready(function () {
$('#SlideJoinDiv').click(function () {
var waardeStart = 'gast';
var waardeType = $('#TypeAccount').attr('value');
if (waardeType = waardeStart) {
$('#SlideJoinDiv').attr('align', 'left');
$('#TypeAccount').attr('value', 'artist');
} else {
$('#SlideJoinDiv').attr('align', 'right');
$('#TypeAccount').attr('value', 'gast');
}
});