Wow, thanks! That def. was the trick!
On Dec 20, 1:14 pm, brian <zijn.digi...@gmail.com> wrote:
> Try putting the fadeIn() where the elements are being appended. Also,
> use hide() just before that.
>
> function addPerson() {
> //current keeps track of how many people we have.
> var strToAdd = '<div id="input" class="ideaInput"><input
> name="idea[]" class="idea" type="text"/><textarea name="description[]"
> class="description"></textarea></div>';
>
> $('#all-inputs').append(strToAdd).hide().fadeIn('slow');
>
> };
>
> $(document).ready(function() {
> $('#btnAdd').click(function () {
> addPerson();
> });
>
> });
>
> And, if you don't need to call addPerson() from anywhere else, you
> could tighten this up even more:
>
> $(document).ready(function()
> {
> $('#btnAdd').click(function ()
> {
> var strToAdd = '<div id="input" class="ideaInput"><input
> name="idea[]" class="idea" type="text"/><textarea name="description[]"
> class="description"></textarea></div>';
>
> $('#all-inputs').append(strToAdd).hide().fadeIn('slow');
> });
>
>
>
> });
> On Sat, Dec 19, 2009 at 10:27 PM, Alex B <alexbadal...@gmail.com> wrote:
> > Anyone know why it's not fading in the content? It's fully functional,
> > but it just doesn't "fadeIn"..
>
> > function addPerson() {
>
> > //current keeps track of how many people we have.
> > var strToAdd = '<div id="input" class="ideaInput"><input
> > name="idea[]" class="idea" type="text"/>'
> > strToAdd += '<textarea name="description[]" class="description"></
> > textarea></div>'
>
> > $('#all-inputs').append(strToAdd);
> > };
>
> > $(document).ready(function() {
> > $('#btnAdd').click(function () {
> > $(addPerson).fadeIn('slow')
> > });
> > });
>
> > I apologize if this isn't the correct place to post this type of
> > issue. It seems like this would be a great resource.
