Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Show / Hide behaves badly with <p> tags in .expand div #41

Open
nomaddesign opened this issue Aug 1, 2012 · 4 comments
Open

Show / Hide behaves badly with <p> tags in .expand div #41

nomaddesign opened this issue Aug 1, 2012 · 4 comments

Comments

@nomaddesign
Copy link

If you add paragraph tags inside the .expander element the show / hide shows or hides the entire text..... not just the expanded (read more) text. Is there a way to configure jquery-expander to avoid this? I'm I missing something simple?

Try adding paragraph tags to this and see what I mean:
http://jsfiddle.net/6dW6U/14/

Thanks!!!!

@tillebeck
Copy link

That is not a bug but a feature :) Se example nr. 3 on the demo page specifically about block elements:
http://plugins.learningjquery.com/expander/demo/index.html

@kswedberg
Copy link
Owner

@tillebeck is right. The text is sliced at the appropriate point, and that is shown initially. When "expanded," that first, sliced, text is hidden while the entire content is shown.

@nomaddesign: If we're misunderstanding your report, feel free to re-open this issue or open another with an example of it failing.

Thanks!

@nomaddesign
Copy link
Author

Behavior with block element only:
http://jsfiddle.net/6dW6U/14/
-This works great -

Behavior with

tags inserted inside block element
http://jsfiddle.net/y8JnX/

Now the behavior changes dramatically. The text completely disappears and then reappears and starts expanding. The resulting animation is -jarring- and confusing to viewers because it appears the text has changed NOT expanded.

@kswedberg kswedberg reopened this Aug 26, 2012
@kswedberg
Copy link
Owner

For now, my recommendation would be to use a different effect. Either fadeIn/fadeOut or show/hide. Sorry. :(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants