I have just updated my code and still no luck :(
Here is my new code... can anyone help?
Thanks, Craig
JS
<script type="text/javascript">
$(document).ready(function(){
$('.expander_content').hide();
$('.expander h3').click(function () {
$(this).next('.expander_content').slideToggle('slow');
$(this).next('.arrow').toggleClass('arrow_up');
});
});
</script>
HTML
<!--widget-->
<div class="widget">
<h2>Design Services</h2>
<div class="widget_content">
<div class="expander">
<div class="arrow arrow_up"></div>
<h3>Design supplied by us</h3>
<div class="expander_content">
<p>orem ipsum dolor sit amet, consectetuer adipiscing
elit orem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
</div>
<div class="expander">
<div class="arrow arrow_up"></div>
<h3>Design supplied by us</h3>
<div class="expander_content">
<p>orem ipsum dolor sit amet, consectetuer adipiscing
elit orem ipsum dolor sit amet, consectetuer adipiscing elit</p>
</div>
</div>
</div>
</div>
<!--/widget-->
On Oct 7, 10:25 am, craigeves <craige...@googlemail.com> wrote:
> Hi
>
> Can anyone help? I'm trying to toggle a class on the span .arrow when
> you click .msg_head. I have several classes of .arrow on the page and
> only want to toggle the class of the span within the element i'm
> clicking. This is my code - but it doesn't work... any advice?
>
> Thanks
>
> Craig
>
> $(".msg_head").click(function(){
> $(this).next(".msg_body").slideToggle("slow");
> $(this).next(".arrow").toggleClass("arrow_up");
> });
>
> <div class="msg_list">
> <div class="panel">
> <div class="msg_head">Design supplied by us<span
> class="arrow"></span></div>
> <div class="msg_body m10">
> <p>orem ipsum dolor sit amet, consectetuer adipiscing
> elit orem ipsum dolor sit amet, consectetuer adipiscing elit </p>
> <p class="last"><a href="designsupplied.php">Design by
> you</a></p>
> </div>
> </div>
> <div class="msg_head">Design supplied by you<span
> class="arrow"></span></div>
> <div class="msg_body">
> <p>orem ipsum dolor sit amet, consectetuer adipiscing
> elit orem ipsum dolor sit amet, consectetuer adipiscing elit </p>
> <p class="last"><a href="design.php">Design by you</a></
> p>
> </div>
> </div>
