find classname fails
I've spent quite a bit of time debugging this. Anyone notice a problem? It cannot find the class toggledata. Looks like it should.
- <div id='div_76' class='tasks topdog' style='border:solid; border-color:red;white-space:nowrap;background:#cfecf0'>
<div class='tasks toggleplusminus' style='background:#cfecf0'> <span style='font-size:12px'>[+]</span>
<input id='cccproj_76' data-projid='76' data-selected='1' data-pri='50' data-cat='WORK' data-owner='frank' title='WORK' value='Test "This"' style='border:none;background:#cfecf0;color:black' readonly />
</div><div class='tasks' style='background:#cfecf0'><span style='background:#cfecf0;color:black'>1</span></div>
<div class='tasks' style='background:#cfecf0'><span style='background:#cfecf0;color:black'>0</span></div>
<div class='tasks' style='background:#cfecf0'><span class='ui-icon ui-icon-pencil btn-edit-proj' data-projectid='76' title='Edit Project'></span></div></div>
<div class='toggledata' style='display:block' data-format='test' >
<span class='taskheading' data-heading='something like "that"' data-taskid=197 style='text-align:center;color:white;background:#2FA9D4'>
<a style='font-weight:bold;color:white;background:#2FA9D4' href='javascript:void(0)'>something like "that"</a></span>
<span class='taskedit' title='edit task' onclick='funcEditTask("197");'>Edit</span>
<span class='done' title='mark task as complete' onclick='funcTaskDone("197");'>Done!</span>
<br /><textarea readonly cols='50' rows='1' class='tasksdetails' >tst</textarea>
</div><!-- closing div for toggledata -->
$(".toggleplusminus").click(function() {
//alert('toggleplusminus click');
$(this).next(".toggledata").slideToggle(300);
var v1 = $(this).find("span").html();
if (v1 == '[+]') {
$(this).find("span").html('[-]'); // this works.
$(this).find(".toggledata").css("display","block"); // this does not work!!!!!!!!!
var x = $(this).find(".toggledata").attr("data-format");
alert(x); // the alert says undefined
}
else {
$(this).find("span").html('[+]');
$(this).find(".toggledata").css("display","none");
}
});