JQuery фейдер для двух контентов

Question

Я хочу одновременно скрыть два содержимого на одной странице, щелкнув тизер: например нажмите на # teaser2, содержимое в # backstage2 и # content2 исчезают одновременно.

посмотрите на мой HTML

<!-- backstage content is in a separate div -->
<div id="backstage">
     <div id="bigpicture1"> 
        <img src="img1.jpg" width="800" height="600" /> 
    </div> 
    <div id="bigpicture2"> 
        <img src="img2.jpg" width="800" height="600" /> 
    </div> 
    <div id="bigpicture3"> 
        <img src="img3.jpg" width="800" height="600" /> 
    </div>   
</div>

<!-- stage content is also in a separate div -->
<div id="stage"> 
    <div id="content1"> 
        <h2>Loremipsum 1</h2> 
        <p>Nam liber tempor cum soluta nobis eleifend.<a href="#">mehr ...</a></p> 
    </div> 
    <div id="content2"> 
        <h2>Loremipsum 2</h2> 
        <p>Nam liber tempor cum soluta nobis eleifend.<a href="#">mehr ...</a></p> 
    </div> 
    <div id="content3"> 
        <h2>Loremipsum 3</h2> 
        <p>Nam liber tempor cum soluta nobis eleifend.<a href="#">mehr ...</a></p> 
    </div>   
</div> 

<!-- teasers are in a separate div -->
<div id="teaser"> 
    <ul> 
        <li id="teaser1"><img src="img1_thumb.jpg" alt="" /></li> 
        <li id="teaser2"><img src="img2_thumb.jpg" alt="" /></li> 
        <li id="teaser3"><img src="img3_thumb.jpg" alt="" /></li> 
    </ul> 
</div>

Я нашел здесь "http://www.brightyoursite.com/blog/2010/01/23/nice-jquery-content-slider/" хороший код, но работает только с одним контентом-DIV ... Надеюсь, вы понимаете английский по-немецки - спасибо за вашу помощь

Оттмар

Answer 1

Попробуйте

$("#backstage2 , #content2").fadeOut();

Answer 2

Хотя я не использовал плагин suSlider, я думаю, что получил те же результаты, что и вы, но только с помощью jQuery и jQueryUI: http://jsfiddle.net/marcosfromero/K9jNP/

Answer 3

попробуй

jQuery('#teaser2').bind('click', function() {
 jQuery('#backstage2 , #content2').fadeOut();
});

ДЕМО