Блог

когда я нажимаю на ссылку, скрыть информацию ссылке он показывает отображения информации, но он также изменяет текст на все остальные поля на странице, а также, когда я нажимаю скрыть информацию он переключает класс тест на див класс=»revealBox» но это все из коробки, я хотел бы просто сохранить его в соответствующее поле.

Я знаю, что это будет как-то связано с $ (this) Я просто не знаю, как это реализовать.

вот мой jquery

 $(document).ready(function() {
// choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='Hide Information';
var hideText='Show Information';
var is_visible = false;
$('.collapseLink').append('<span class="dottedBot">' showText '</span>');
$('.revealBoxContents').show();
$('a.collapseLink').click(function() {
// switch visibility
is_visible = !is_visible;
// change the link depending on whether the element is shown or hidden
$(this).html( (!is_visible) ? showText : hideText);
// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);
$(this).parent().next('.revealBoxContents').slideToggle('slow');
// return false so any link destination is not followed
return false;
});
// toggle the bottom link
$('.collapseLink').click(function(){
     $(this).parents('.revealBoxContents').stop(true, true).slideToggle('slow');    
     $(".collapseLink").html( (!is_visible) ? showText : hideText);
    $(this).parent('.item').toggleClass('current');

}); 

$(".revealBoxTop a").click(function(){
        $(this).toggleClass("closed").next().slideToggle("slow");
        return false; //Prevent the browser jump to the link anchor
    });

    $('.revealBox a').click(function() {
        $(".revealBox").toggleClass("test");
    });


});
  

и вот URL

http://satbulsara.com/NSJ-local/eqs1.htm

Редактировать

Хорошо, я предпринял еще одну попытку — изменил множество без тестирования! Пожалуйста, замените свой код приведенным ниже кодом и дайте совет. если это не сработает, возможно, было бы неплохо установить демо наhttp://www.jsbin.com или http://www.jsfiddle.net

 // choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='Hide Information',
    hideText='Show Information';

$('.collapseLink').append('<span class="dottedBot">' showText '</span>');
$('.revealBoxContents').show();

// toggle the bottom link
$('.revealBox .collapseLink').click(function(e){
         e.preventDefault();
         var $targetContainer = $(this).parents('.revealBox').find('revealBoxContents');
         $targetContainer.stop(true, true).slideToggle('slow');
         if ($targetContainer.is(:visible) {
             $(this).html(showText);
         else {
             $(this).html(hideText);
         }
         // this line below doesn't do anything - can't find an element .item
         $(this).parent('.item').toggleClass('current');
}); 

$('.revealBox a').click(function() {
    // ONLY TARGET PARENT REVEAL BOX
    $(this).parents(".revealBox").toggleClass("test");
});
  

Надеюсь, мы становимся ближе!

ПРАВКА 3

Пошел дальше и создал макет, используя ваш пример html: http://jsbin.com/iceyi3/edit
редактировать: измененная версия: http://jsbin.com/iceyi3/2/edit

Я обнаружил ряд небрежных ошибок в своем коде из приведенного выше — поэтому я приношу извинения за это! Дублирование ‘скрыть текст’ / ‘показать текст’ связано с тем, что в некоторых областях они присутствуют в html, а также добавляются javascript.