Make correct drag and drop items appear and disappear
I looked in several other discussion forums for the answers to my question, but I haven't been successful in finding exactly what I am looking for. Hopefully, you all can point me in the correct direction.
I am building an interaction in which the learner will drag questions to the correct category. What I want to happen is that the learners will click the button to reveal the first question. After the first question is answer moved to it's correct target, the next question appears and the previous question disappears. If the question is moved to the wrong target, then the question will snap back to the center of the page. The learner will have 2 other opportunities to drag the question to the correct target. Once all questions have been moved to the correct target, then the learner can submit to see the results page.
What currently is happening is the learner will click the button to reveal the first question. If the first question is moved to the correct target, the question does not disappears; it turns green. If the question is moved to the incorrect target; it turns red and does not disappear. Then, the next question will appear before the learner has figured out where the correct target is for the previous question. The slide becomes very messy and hard to read after a few questions appear.
I also have a few answers that always are shown as incorrect even though they are correctly matched up with the right targets in form view.
I am attaching the file so you all can get a better understanding of what I am describing.
So my questions are:
1. How do I make correct objects disappear after it is moved to the drop target?
2. How do I make incorrect objects snap back to a designated spot if it is incorrect?
3, How do I set triggers so that next object doesn't appear until the previous object is moved to its correct target?
4. Why are my objects being show as incorrect when they are correct?
Thanks in advance for your help!