Переключить любой элемент, на который нажали - PullRequest
Новая
       13

Переключить любой элемент, на который нажали

0 голосов
/ 21 декабря 2008

Я использую toggle () с jQuery, у меня есть боковая панель на моей странице, и каждый заголовок имеет значение 

<h2 class="sidebar-header">

Одна часть моего кода будет выглядеть так: 

    <div class="sidebar-section">   
        <h2 class="sidebar-header">SUBSCRIBE</h2>
        <p class="sidebar">Make sure you subscribe to stay in touch with the latest articles and tutorials. Click on one of the images below:</p>
        <div class="rss-icons">
            <a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/ryancoughlin"><img src="http://gmodules.com/ig/images/plus_google.gif" width="62" height="17" alt="Add to Google Reader or Homepage" class="feed-image"/></a> 
            <a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/ryancoughlin" title="Web/Graphic Design/Development by Ryan Coughlin"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo3.gif" alt="Add feed to My Yahoo" width="62" height="17" class="feed-image" /></a>
            <a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/ryancoughlin" title="Web/Graphic Design/Development by Ryan Coughlin"><img src="http://www.newsgator.com/images/ngsub1.gif" alt="Subscribe in NewsGator Online" class="feed-image" height="17" /></a>
        </div>
        <hr />
        <p class="sidebar feed">Don't have those? Grab the <a href="http://feeds.feedburner.com/ryancoughlin" target="_blank" title="Subscribe to this feed">RSS</a> url.</p>
        <p class="sidebar delicious">Make sure you add me to <a href="http://del.icio.us/post?url=http://www.ryancoughlin.com&amp;title=Ryan Coughlin - Web/Graphic Design and Development" target="_blank" title="Add to delicious!">delicious!</a> </p>
    </div>

Каждый из них заключен в эти элементы DIV. Я пытаюсь сделать это, если вы нажмете на заголовок, это сократит содержание. Я знаю, что переключение может сделать это, но если я сделаю это для каждого "заголовка боковой панели", вы нажмете на любой элемент на странице, и он скроет их все, как я могу это сделать?

Ответы [ 2 ]

1 голос
/ 21 декабря 2008

Попробуйте это: nextAll 

    $(".sidebar-header").click(function() {
        $(this).nextAll().toggle();
    });
1 голос
/ 21 декабря 2008

Попробуйте что-то вроде этого:

Предположим, у вас есть следующий код: 

<div class="topdiv">
    <h2 class="header">Header 1</h2>
    <div class="somecontent">
        This is the content
    </div>
</div>

<div class="topdiv">
    <h2 class="header">Header 2</h2>
    <div class="somecontent">
        This is the content
    </div>
</div>

Теперь скажите, что когда вы хотите щелкнуть заголовок, содержимое этого заголовка отображается / скрывается: 

$(".header").click(function () {
    $(this).parent(".topdiv:first").find(".somecontent").toggle();
});

Таким образом, будет переключаться только содержимое конкретного заголовка, а не все остальное.

Теперь вы можете проанализировать код, который я написал для вас, и применить его в своем собственном контексте.

...