wow - thanks for the quick replies guys. unfortunately i couldn't get
any of your examples to work properly. i think more because of my
lackluster description on what i was after exactly. my mate jesse
(http://www.thefutureoftheweb.com/) stepped in and pushed me in the
right direction regarding traversing the div's i needed to:
<script type="text/javascript">
$(document).ready(function() {
$(".articleBody").addClass("collapsed"); $(".reveal
a").click(function() {
$
(this).parents("div.articleItem").find("div.articleBody").removeClass("collapsed");
return false; }
); $(".collapse a").click(function() {
$
(this).parents("div.articleItem").find("div.articleBody").addClass("collapsed");
return false; }
); }
);
</script>
the page is up here: http://www.ldexterldesign.co.uk/live2/index.html
so you can see for yourselves what i was after.
while i have your attention would anyone care to give any feedback on
the usability of the article reveal/collapse functionality? i was
toying with simply having relevant reveal/collapse links i.e. when the
full article item is hidden, only having the 'Read on...' link and
when the full article is visible, only having the 'I've read enough!'
link. what do you think?
space isn't an issue, so having both buttons/links there isn't a
problem, although i'm thinking it might be more convenient to have one
event point for the sake of consistency?
also, any CSS bozos out there - any idea how i can get rid of the
horizontal scrollbar? it's driving me crazy and i'm not having much
luck elsewhere (http://csscreator.com/node/28227).
ta,
lewis
On Feb 10, 4:26 pm, andrea varnier <[EMAIL PROTECTED]> wrote:
> On Feb 10, 4:36 pm, ldexterldesign <[EMAIL PROTECTED]> wrote:
>
> > yo guys,
>
> > screenshot here:http://www.ldexterldesign.co.uk/screenshot.jpg
>
> > at present this jquery function adds the .collapsed class to
> > ALL .articleBody's. i only want the button to function for
> > the .articleItem in question only.
>
> hi :)
> you got to use $(this) in the function, $(this) addresses the link
> that's been clicked.
>
> $(this).addClass('collapsed').slideUp('slow');
>
> what's the last toggle() for? :)
